切换插入的元素onclick
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了切换插入的元素onclick相关的知识，希望对你有一定的参考价值。
$( document ).ready(function() {
$(".exmore").before("<span class='rmtrail'>...</span>");
$(document).on("click",".exmore", function(e){
console.log("clicked");
console.log($(this).siblings("rmtrail").html());
$(this).siblings("rmtrail").toggle();
});
});<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
<a href='#' class='exmore'>open</a>
</body>
</html>当点击.rmtrail元素但是.exmore方法不起作用时，我试图切换插入的$(this).siblings();元素。 console.log()返回undefined。
有没有办法在插入元素后强制jQuery DOM更新？我一直在网上看，找不到它。
答案
rmtrail是一个类，所以尝试.rmtrail
$( document ).ready(function() {
$(".exmore").before("<span class='rmtrail'>...</span>");
$(document).on("click",".exmore", function(e){
console.log("clicked");
console.log($(this).siblings(".rmtrail").html());
$(this).siblings(".rmtrail").toggle();
});
});<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
<a href='#' class='exmore'>open</a>
</body>
</html>以上是关于切换插入的元素onclick的主要内容，如果未能解决你的问题，请参考以下文章
[ jquery 文档处理 insertBefore(content) before(content|fn) ] 此方法用于把所有匹配的元素插入到另一个指定的元素元素集合的前面,实现外部插入(代码片段