2012-02-09 73 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