从html输出中删除span

Question

我想从html输出中删除span标记。

假设我有一个包含html输出的变量template。

<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标记。如果可能的话，给我一个解决方案，包括hide＆amp;删除该span标记。找到小提琴示例here

Answer 1

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

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

我建议您将ID从数字更改为字母或字母+数字。或者为您的范围添加一个独特的类。

Answer 2

你可以用很多不同的方式做到这一点。

按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 3

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

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

Answer 4

另外：

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