0

Jquery を使用して、クローン要素を追加し、以前に追加した要素を削除しようとしています。クローン要素の追加は機能しますが、以前に追加された要素の削除は機能しません (すべてのクローン要素が削除されます)。「not()」関数を使用していますが、希望どおりにフィルタリングされていません。

Webで検索しましたが、解決策が見つからなかったので、助けていただければ幸いです。

--HTML--

<div id="clone-container">
   <!--cloned element comes here-->
</div>

<div id="original-container">
    <ul>
        <li>
            <span>Value1</span>
        </li>
        <li>
            <span>Value2</span>
        </li>
        <li>
            <span>Value3</span>
        </li>
    </ul>   
</div>

--Jquery--

$(document).ready(function(){

    $('#original-container > ul > li').click(function(event){

       //for adding clone elements
       var $selected_clone = $(this).children("span").clone();

       $selected_clone.appendTo("#clone-container > ul > li");


       // for removing previously added elements
       $("#clone-container > ul > li > span").not($selected_clone).remove();

    });
});
4

2 に答える 2

1

コード実行を削除し、appendTo以下を置き換えます

$("#clone-container > ul > li > span").not($selected_clone).remove();

$("#clone-container > ul > li > span").html($selected_clone.html());

これが役立つことを願っています!!

于 2013-08-20T17:37:26.907 に答える
0

これをチェックしてください.. http://jsbin.com/uZij/1/

HTML

  <div id="clone-container">
    <ul>
      </ul>
   <!--cloned element comes here-->
</div>

<div id="original-container">
    <ul>
        <li>
            <span>Value1</span>
        </li>
        <li>
            <span>Value2</span>
        </li>
        <li>
            <span>Value3</span>
        </li>
    </ul>   
</div>

jQuery

$(document).ready(function(){

    $('#original-container > ul > li').click(function(event){

       //for adding clone elements
       var $selected_clone = $(this).clone();
       $selected_clone.appendTo("#clone-container > ul");


       // for removing previously added elements
       $("#clone-container > ul > li").not($selected_clone).remove();

    });
});
于 2013-08-20T17:37:50.453 に答える