How to delete DOM element based on attribute value

Question

I have this HTML code from Sharepoint and I was wondering if it's possible to delete this specific DOM element based only on the "text" attribute?

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

Using Firebug I can simply right click the above line and click delete element. How do I do this using Javascript w/ Jquery?

Here's some context of where the above line came from:

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

I tried something like:

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

but it doesn't really work.

Matt Ball · Accepted Answer · 2011-04-25 18:56:45Z

4

Try

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

Just a guess since I really don't know how well jQuery works with namespaces.

answered Apr 25, 2011 at 18:56

Matt Ball

361k102 gold badges655 silver badges725 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mike Thomsen · Accepted Answer · 2011-04-25 18:56:09Z

0

$('ie:menuitem[text*="new docs view"]')

ie:menuitem is not a standard HTML element. Therefore jQuery is likely interpreting :menuitem as a selector. That's likely the root of your problem.

answered Apr 25, 2011 at 18:56

Mike Thomsen

37.7k11 gold badges63 silver badges86 bronze badges

Comments

Ian Pugsley · Accepted Answer · 2011-04-25 18:58:26Z

0

$('ie\\:menuitem[text*="new docs view"]').remove() may work.

answered Apr 25, 2011 at 18:58

Ian Pugsley

1,0628 silver badges20 bronze badges

Comments

Naveed Ahmad · Accepted Answer · 2011-04-25 18:59:11Z

0

That's how you can do. Assuming your menu is the first children: (dirty way)

$("span").children(1).children().each(function(){
    if($(this).attr("text") == "new docs view"){
        $(this).remove();
        return;
    }
});

Jsfiddle: http://jsfiddle.net/naveed_ahmad/wdTwL/

answered Apr 25, 2011 at 18:59

Naveed Ahmad

3,1751 gold badge17 silver badges18 bronze badges

Comments

Hubro · Accepted Answer · 2011-04-25 19:06:26Z

0

You have to escape the : in your selector:

$("ie\\:menuitem[type='option'][text='All Documents']").remove();

Shown working here: http://jsfiddle.net/Codemonkey/tduVq/1/

answered Apr 25, 2011 at 19:06

Hubro

60.1k74 gold badges241 silver badges404 bronze badges

Collectives™ on Stack Overflow

How to delete DOM element based on attribute value

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related