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/

1 つ知っておくべきことは、すべての引用行を削除すると、複製するものがなくなるため、追加リンクをクリックしても何も起こらないということです。

于 2012-10-01T21:43:38.427 に答える