在表格中搜索并删除span标签

Question

我有以下代码，并希望使用jquery搜索并删除表中的整个<span>....</span>标记。

有人可以帮忙吗？

<table class="display groceryCrudTable dataTable" cellspacing="0" cellpadding="0">
    <tbody role="alert" aria-live="polite" aria-relevant="all">
    <tr>
        <td>24.80</td>
        <td><span id="func_date_temp" style="visibility:hidden;display:none;">2015-05-02</span>02/05/2015</td>
    </tr>
    </tbody>

</table>

更新： 抱歉，我想在单击按钮时删除span标签。我的按钮代码如下。所有标签的id和类都是动态的，每次加载页面时都可能会改变。只有导出措辞是固定/永久的：

<div class="DTTT_container ui-buttonset ui-buttonset-multi">
<a id="ToolTables_528e10207a9eb_0" class="DTTT_button ui-button ui-state-default DTTT_button_xls">
<span>Export</span>
<div style="position: absolute; left: 0px; top: 0px; width: 49px; height: 26px; z-index: 99;">
</a>
</div>

Answer 1

它有一个唯一且可以定位的ID，然后只需使用remove()：

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

删除跨度后面的textnode（如果你正在尝试做的话）：

$('#func_date_temp').parent().empty();

修改

按钮点击执行：

$('#ToolTables_528e10207a9eb_0').on('click', function(e) {
    e.preventDefault();
    $('#func_date_temp').remove();
});

Answer 2

试

$('table.display.groceryCrudTable').filter('span').remove();

Answer 3

尝试

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

由于<span id="func_date_temp"有id

<小时/> 参考

.remove()

# id-selector

<小时/> 如果您要删除所有spans

$('table.display.groceryCrudTable span').remove();

Answer 4

remove()删除整个元素。

尝试：

$(".dataTable").find("#func_date_temp").remove();