用另一个列表项内容替换列表中的元素

Question

我想使用jQuery循环从第二个列表项内容中替换第一个列表项内容sid ，即sid1=newsid1 。

列出一个具有sid ，该sid是我要从其他列表项内容中替换的div 。

<ul class='list1'>
    <li>
        <div>name</div>
        <div>sid1</div>
        <div>role</div>
    </li>
    <li>
        <div>name2</div>
        <div>sid2</div>
        <div>role2</div>
    </li>
    <li>
        <div>name3</div>
        <div>sid3</div>
        <div>role3</div>
    </li>
    <li>
        <div>name4</div>
        <div>sid4</div>
        <div>role4</div>
    </li>
</ul>

<ul class='list2'>
    <li>new sid1</li>
    <li>new sid2</li>
    <li>new sid3</li>
    <li>new sid4</li>
</ul>

Answer 1

尝试这个

$('.list1 > li > div:eq(1)').text($('.list2 > li:first').text());

这里，

$('.list1 > li > div:eq(1)') =>选择<li>的第二个<div> <li> 。
text() => 获取该选择器的文本。
$('.list2 > li:first').text() = <li>从带有类list2的<ul>获取第一个<li>文本。
.text($('.list2 > li:first').text()); => 用第一个<div> > 替换第二个<div>文本。
<li>

工作小提琴

Answer 2

尝试这个：

$('.list2 li').each(function(index){
    $('.list1 li:nth-child('+(index+1)+') div:nth-child(2)').text($(this).text());
});

阅读http://api.jquery.com/nth-child-selector/上的nth-child selector

小提琴： http ： //jsfiddle.net/bqvVT/3/