從html輸出中刪除span

Question

我想從html輸出中刪除span標記。

就像我有一個變量template它擁有一個html輸出。

<li id="GRP_1" data-role="list-divider">Group 1<span id="121" onclick="deleteGroup(this.id);" class="ui-icon ui-icon-delete ui-icon-shadow li-divider-icon-right">&nbsp;</span></li> 

在上面的html輸出中，我想刪除/隱藏span標籤。如果可能的話給我一個解決方案，同時隱藏&刪除該span標籤。找到小提琴例子here

Answer 1

你可以用許多不同的方法做到這一點。

通過ID：

$('#121').hide();或$('#121').remove();

通過HTML元素：

$('span').hide();或$('span').remove();

按類：

$('ui-icon.ui-icon-delete.ui-icon-shadow.li-divider-icon-right').hide();

或

$('ui-icon.ui-icon-delete.ui-icon-shadow.li-divider-icon-right').remove();

Answer 2

$('#121').hide(); 

$('#121').remove(); 

我建議你從數字的ID更改爲字母或字母+數字。或者爲您的跨度添加一個獨特的類。

Answer 3

$('li span').remove(); 

$('li span').hide(); 

Answer 4

另外：

$('#GRP_1').find('span').hide(); 
$('#GRP_1').find('span').show();