0

我在选择 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>
4

1 回答 1

0

当我将您的删除链接 jQuery 更改为此一切正常时（正如我认为您想要的那样）：

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

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

要知道的一件事是，如果您删除所有引用行，单击添加链接不会做任何事情，因为它不会再克隆任何东西。

于 2012-10-01T21:43:38.427 回答