使用jquery從無序列表中刪除標記

在下面的內容中，我需要刪除標記標記<div class="sub">和</div>但不是它與jQuery的內容。這是爲了使菜單適應響應式佈局。使用jquery從無序列表中刪除標記

<nav id="top"> 
<ul> 
    <li class="ti" id="snw"> <a class="mm" href="/snowdepth/">Weather</a> 
     <div class="sub">  

      <ul> 
       <li><h2>Snowline</h2></li> 
       <li><a href="/alpen/nordliche%20ostalpen/">Nordliche Ostalpen</a></li>  
     </ul> 

     </div> 
    </li> 

    <li class="ti" id="blg"> <a class="mm" href="/live/">Weblog</a></li> 
</ul> 
</nav>

來源

2012-11-24 Mark Henry Gremmen

你已經試過了什麼？我們需要看代碼... –

嘗試unwrap()：

$('.sub').find('ul').unwrap();

從本質上講，你正在尋找的.sub的所有子元素，並展開他們或刪除他們的父母。

這裏的演示：http://jsfiddle.net/yEseX/

來源

2012-11-24 11:08:29 Abhilash

不錯，我之前沒有遇到過這個功能。 – RichardTowers

愛小提琴的網址：yEsex？爲什麼確實？ – Abhilash

你可以這樣做。

Live Demo

$('.sub').parent().html($('.sub').html());

來源

2012-11-24 10:14:53 Adil

假如你可能有一個以上的分度sub類，我建議這樣的：

var container = $('#top'); 
container.html(
    container.html().split('<div class="sub">').join('').split('</div>').join('') 
);

來源

2012-11-24 10:15:23

試試這個，

var content = $(".sub").html(); // stored ".sub" div content 
$(".sub").remove(); // remove ".sub" div 
$("#top #snw").after(content); // insert content where you want

來源

2012-11-24 10:51:47 Dhamu

嘗試這個：

var list = $('#snw'); 
var html = list.html(); 
list.html(html.replace('<div class="sub">','').replace('</div>',''));

Demo here

來源

2012-11-24 10:54:52

我覺得@ Abhilash的答案是最巧妙的，到目前爲止，但我將修改小幅選擇：

$('.sub').contents().unwrap();

這將刪除所有.sub元素，留下自己的內容到位。

JsFiddle：http://jsfiddle.net/yEseX/2/

來源

2012-11-24 11:56:53 RichardTowers

使用jquery從無序列表中刪除標記

回答

相關問題