如何提取列表的第一个元素，并用它来替换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();