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

Question

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

列出一个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)') => 选择 的第二<div>个<li>。
text()=>获取该选择器的文本。
$('.list2 > li:first').text()=>从类 list2中获取 first 的文本。<li><ul>
.text($('.list2 > li:first').text());=>用第一个替换第二个的文本<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/