javascript - 如何根据属性值删除DOM元素

Question

我有来自 Sharepoint 的 HTML 代码，我想知道是否可以仅根据“文本”属性删除这个特定的 DOM 元素？

<ie:menuitem menugroupid="200" text="new docs view" onmenuclick="window.location = '/some link/';" type="option" id="zz36_View1"></ie:menuitem>

使用 Firebug，我只需右键单击上面的行，然后单击删除元素即可。如何使用 Javascript 和 Jquery 执行此操作？

以下是上述行的一些背景:

<span style="display:none">
    <menu compactmode="true" id="zz34_ViewSelectorMenu" type="ServerMenu">
        <ie:menuitem menugroupid="100" text="All Documents" onmenuclick="window.location = '/some link/';" type="option" id="zz35_DefaultView"></ie:menuitem>
        <ie:menuitem menugroupid="200" text="new docs view" onmenuclick="window.location = '/some link/';" type="option" id="zz36_View1"></ie:menuitem>
        <ie:menuitem menugroupid="300" text="Explorer View" onmenuclick="window.location = '/some link/';" type="option" id="zz37_View2"></ie:menuitem>
    </menu>
</span>

我尝试过类似的方法:

<script language="Javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>

<script language="Javascript">
    $(document).ready(function() {
        $('ie:menuitem[text*="new docs view"]').remove();
    });
</script>

但它实际上不起作用。

Answer 1

尝试

$('ie\\:menuitem[text*="new docs view"]').remove();
//or
$('menuitem[text*="new docs view"]').remove();

只是一个猜测，因为我真的不知道 jQuery 与命名空间的配合情况如何。