Question

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

列表一个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)') =＆gt;选择<div> 的第二个<li> text() =＆gt; 获取该选择器的文字。
$('.list2 > li:first').text() =＆gt; 从<li>获取带有班级列表2的第一个<ul>的文字。
.text($('.list2 > li:first').text()); =＆gt; 将第二个<div>的文字替换为第一个。
<li>

working fiddle

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/

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

2 个答案: