用另一個列表項目內容替換列表中的元素

Question

我想用第二個列表項目內容替換第一個列表項目內容sid，即使用jQuery循環的sid1=newsid1。

列表1有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

試試這個：

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

閱讀nth-child selector上http://api.jquery.com/nth-child-selector/

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

Answer 2

嘗試這種

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

這裏，

$('.list1 > li > div:eq(1)')=>選擇的<li>的第二<div>。
text() =>獲取該選擇器的文本。
$('.list2 > li:first').text() =>獲得第一個<li>的文本從<ul>與班級list2。
.text($('.list2 > li:first').text()); =>用第一個代替第二個<div>的文本。
<li>

working fiddle