如何刪除html字符串中的元素

Question

<div> 
     <span>ABC</span> 
     <ul> 
      <li>list</li> 
      <li>list</li> 
      <span>ABC</span> 
      <li>list</li> 
     <ul> 
     <span>ABC</span> 
    </div> 

這是myString變量，現在我想從該字符串中刪除span元素？所以myString的將是：

<div> 
     <ul> 
      <li>list</li> 
      <li>list</li> 
      <li>list</li> 
     <ul> 
    </div> 

感謝 （刪除（）只適用於頂級元素）

Answer 1

嘗試：

var str = '<div><span>ABC</span><ul><li>1</li><li>2</li></ul><span>ABC</span></div>'; 
var without_span = $(str).find('span').remove().end(); 

end（）獲取更新的字符串（從技術上講，返回堆棧中的最後一個選擇，即查找之前）。

演示：http://jsfiddle.net/t2uNr/

Answer 2

可以使用SUBSTR函數執行搜索和手動刪除它

Answer 3

它的工作對我來說....

$('div').find('span').remove(); 

Answer 4

你可以嘗試：

$('ul').find(span:first).remove(); 

我建議你在你的UI分配一些類元素無論如何。

Answer 5

有點硬編碼，但將工作。

var str = '<div><span>ABC</span><ul><li><li><li></li></ul><span>ABC</span></div>'; 
stringToReplace='<span>ABC</span>'; /*Enter string to be replaced here*/ 
var index = str.indexOf(stringToReplace); 
     while(index != -1){ 
      str=str.replace(stringToReplace,''); 
      index = str.indexOf(stringToReplace); 
     } 
alert(str);​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

http://jsfiddle.net/dVtCx/