如何提取列表的第一個元素，並用它來替換jQuery中的列表？

Question

原始的HTML代碼是這樣的：

<div> 
<ul class="alt"> 
    <li> <a class="button1"> Button1 </a></li> 
    <li> <a class="button2"> Button2 </a></li> 
</ul> 
</div> 

然後我想它改成這樣：

<div> 
    <a class="button1"> Button1 </a> 
</div> 

有誰知道如何在jQuery的實現呢？

Answer 1

您可以通過.first()或:first Selector

$('div').html($('div li:first').html()) 

得到拳頭elemnt或嘗試

$("div").html($('li').first().html()); 

Jsfiddle

Answer 2

你可以這樣做。

Live Demo

$('.alt').closest('div').html($('.alt li:first').html()); 

Its better to assign some id to div you are intending to make it unique，讓你做出改動僅限於這個div。

HTML

<div id="div1"> 
<ul class="alt"> 
    <li> <a class="button1"> Button1 </a></li> 
    <li> <a class="button2"> Button2 </a></li> 
</ul> 
</div> 

的Javascript

$('#div1').html($('#div1 li:first').html()); 

Answer 3

或者這:)

$('.alt').replaceWith($('.alt>li:eq(0)').contents()); 

或者只是爲了好玩：

$('.alt>li:eq(0)').unwrap().siblings().remove().end().contents().unwrap();