jquery 如何将列表项的内容从一个列表复制到另一个列表

ncecgwcz  于 2022-11-22  发布在  jQuery
关注(0)|答案(1)|浏览(235)

我需要将一个列表中每个<li>的内容复制到另一个列表中相应的<li>中,因此#list1中的第一项将进入#list2中的第一项,#list1中的第三项将进入#list2中的第三项。
下面是我的html:

<ul id="list1">
    <li>List Item 1</li>
    <li>List Item 2</li>
    <li>List Item 3</li>
    <li>List Item 4</li>    
    <li>List Item 5</li>
    <li>List Item 6</li>
    <li>List Item 7</li>        
</ul>

<ul id="list2">
    <li class="item yes">COPY GOES HERE</li>
    <li class="item yes">COPY GOES HERE</li>
    <li class="item yes">COPY GOES HERE</li>
    <li class="item">COPY GOES HERE</li>
    <li class="item">COPY GOES HERE</li>
    <li class="item">COPY GOES HERE</li>            
</ul>

我尝试了以下方法,但它复制了整个<li>元素,而我只想复制每个<li> * 内 * 的文本:

$(newList).html($(oldlist).html());

然后我试了这个,但没能成功:

var headings = '';
    
$("#list1 li").each(function(idx, li) {
        headings = $(li).html();
});
    
  
$("#list2 li").each(function(idx, li) {
       var items = $(li).html();
    
       $( items ).html( headings );
       
});

有什么主意吗?谢谢!

i34xakig

i34xakig1#

请尝试使用以下代码执行此操作
第一个

相关问题