2012-02-09 40 views
1

我试图删除父标记 ,但删除父标记不应删除其子元素。 孩子应该得到重视之前的标签jQuery:删除父标记不是该父项的子项

下面是代码:

<div class="mask">
<ul id="TickerT" class="news">
<ul class="tweet_list">
<li class="first odd">
<span class="tweet_time">about 8 minutes ago</a></span>
<span class="tweet_join"></span>
<span class="tweet_text">test test…</a></span>
</li>
</ul>
</ul>
</div>
</div>

有AT-至少5 <li>,现在我想删除<ul class="tweet_list">
我试过用jQuery的replaceWith但没有结果。

下面是我从一个网站
变种JJ = $( “ul.tweet_list”)中使用的代码内容()
$( “tweet_list。”)replaceWith(JJ)。

但这没有奏效。

我想要的是我想删除<ul class="tweet_list">而不是<li><ul>


帮助表示赞赏,谢谢..

+0

http://stackoverflow.com/questions/5936887/remove-parent-element-but-keep-the-child-element-using-jquery-in-html – goodeye 2014-07-07 02:59:56

回答

0
var jj = $("ul.tweet_list").html() 
$("ul.tweet_list").replaceWith(jj) 

有jQuery的没有内容的方法。尝试html方法。

5

你可以叫你的列表项unwrap()方法:

$("ul.tweet_list > li").unwrap(); 

这将删除.tweet_list<ul>元素和重新设置父级的<li>元件(其兄弟姐妹,如果有的话)根据#TickerT<ul>元素。

0

您可以将.html()内容和要删除的列表的父ul保存到变量中,然后将.html()添加到父ul中。

1

只需使用.unwrap()方法:

$('.tweet_list').children().unwrap(); 

DEMO