1

jqueryを使用してクローンリストをループするにはどうすればよいですか?

     <ul id=testList>
          <li><p> Test A </p></li>
          <li><p> Test B </p></li>
          <li><p> Test C </p></li>
          <li><p> Test D </p></li>
          <li><p> Test E </p></li>
     </ul>

jqueryコード...

         var $cloneList = $("#testList").clone();

         $cloneList.each(function()
         {
              alert($(this).html());
         });

問題は、アラート メソッドの出力にリストの内容が表示されることです。

             <p> Test A </p>

私が必要としているのは、このようなulリストの表示です

            <li><p> Test A </p></li>
4

2 に答える 2

0

反復しようとしているのは、li 要素のリストです。それぞれにいくつかの html ( "<p>text</p>") が含まれています。

最も簡単な方法は、あなたが説明したシナリオを考えると、outerHTML を使用することです。

$cloneList.find('li').each(function(){
alert(this.outerHTML);
});

ただし、おそらく .clone() の結果は、作業したいものと正確に一致しないように思われるため、問題のより大きな範囲を投稿することをお勧めします。

于 2012-04-05T01:18:34.820 に答える
0

jQuery で要素を独自のタグと共に出力する直接的な方法はありません。できることは、中間で要素を div でラップし、その innerHtml を出力することです。

$clonseList.each(function() {
   alert(this.outerHTML || $('<div />').append($(this).clone()).html());
});

ドキュメントにエクストラを追加しないため、上記は DOM を変更しません<div>。

于 2012-04-05T01:17:21.620 に答える