Question

我无法找出提取列表项内容并插入另一个列表的最佳方法。所以我希望将<a>和<img>个元素及其列表中的值插入到列表2中。

到目前为止，这是我的代码：

＆＃13;

var listInfo = $("ul#list-one li").map(function(){
  return $(this).html();
});

??

＆＃13;

<ul id="list-one">
  <li>
    <a href="example1.com"><img src="image1.jpg"/></a>
  </li>
  <li>
    <a href="example2.com"><img src="image2.jpg"/></a>
  </li>
  <li>
    <a href="example3.com"><img src="image3.jpg"/></a>
  </li>
</ul>

<ul id="list-two">
  <li>
    
  </li>
  <li>
 
  </li>
  <li>
  
  </li>
</ul>

＆＃13;

Answer 1

$('#list-two li').each(function(i){
    $(this).append($('#list-one li:eq('+i+')').contents())
})

<强> jsFiddle example

HTML中的结果：

<ul id="list-one">
    <li></li>
    <li></li>
    <li></li>
</ul>
<ul id="list-two">
    <li><a href="example1.com"><img src="image1.jpg"></a> </li>
    <li><a href="example2.com"><img src="image2.jpg"></a> </li>
    <li><a href="example3.com"><img src="image3.jpg"></a> </li>
</ul>

将列表的元素和值插入另一个列表

1 个答案: