切换一个插入的元素点击

时间:2018-01-11 17:09:38

标签: javascript jquery dom insert



$( 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();
    });
});
&#13;
<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>
&#13;
&#13;
&#13;

我在点击.rmtrail元素但.exmore方法不起作用时尝试切换插入的$(this).siblings();元素。 console.log()返回undefined。

有没有办法在插入元素后强制jQuery DOM更新?我一直在网上看,找不到它。

1 个答案:

答案 0 :(得分:1)

rmtrail是一个类,请尝试.rmtrail

&#13;
&#13;
$( 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();
    });
 });
&#13;
<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>
&#13;
&#13;
&#13;