如何提取列表的第一个元素并用它来替换jquery中的列表?

时间:2012-11-28 06:33:42

标签: javascript jquery html

原始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中实现它?

3 个答案:

答案 0 :(得分:3)

您可以通过.first():first Selector

获取第一个元素
$('div').html($('div li:first').html())

或尝试

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

Jsfiddle

答案 1 :(得分:1)

你可以这样做。

<强> 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());

答案 2 :(得分:0)

或者这个:)

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

或只是为了好玩:

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