原始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中实现它?
答案 0 :(得分:3)
您可以通过.first()
或:first Selector
$('div').html($('div li:first').html())
或尝试
$("div").html($('li').first().html());
答案 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();