Question

我在选择jquery克隆的元素时遇到了一些问题。以下是我所拥有的。我似乎无法从克隆版本中选择.remove-container类锚。我唯一能选择的是原版。

<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  </head>
  <body>
    <div id="primary">
      <div class="quote-container">
        <label>Quote </label>
        <textarea rows=5></textarea>
        <label>Author</label>
        <input type="text" name="author" />
        <a href="#remove" class="remove-container">Remove</a>
      </div>
      <a href="#add" class="add-container">Add</a>
    </div>
    <script>
    $(function() {
      $(".add-container").on("click", function(e){
        e.preventDefault();
        $(".quote-container").eq(0).clone().insertBefore(".add-container");
        var qContainer = $(".quote-container").length;

        for (i=0; i<qContainer; i++) {
          if ($(".quote-container").eq(i).find("label").html() === "Quote "+(i+1)) {
          } else {
            $(".quote-container").eq(i).find("label").eq(0).replaceWith("<label>Quote "+(i+1)+"</label>");
          }
        }
      });
      $(".remove-container").on("click", function(e) {
        e.preventDefault();
        console.log($(this));
      });
    });
    </script>
  </body>
</html>

Answer 1

当我更改你的删除链接jQuery到这一切都工作（因为我认为你想要它）：

$('#primary').on('click', 'a.remove-container', function(e) {
    e.preventDefault();
    $(this).parent().remove();
});

小提琴：http://jsfiddle.net/gromer/gw3mq/

要知道的是，如果删除所有引用行，单击添加链接将不会执行任何操作，因为它将无法再克隆任何内容。

jQuery克隆没有选择

1 个答案: