How do I remove HTML elements with specific attribute value?

Question

I need to remove a tags with specific attribute value from a div tag.

This is for example:

<div id='testdiv'>
    <a dir='hello' href='#' ></a>
    <a dir='how' href='#' ></a>
    <a dir='which' href='#' ></a>
</div>
<input type='button' id='btn' />

Here is my jQuery:

$('#btn').click(function(){
   if($("#testdiv").find("a[dir='hello']").length == 1)
   {
       $("#testdiv").remove("a[dir=hello]");
   }
}

But its not working. What change shall I need to do with my jQuery?

dir isn't a valid attribute for an anchor. If you need to use custom attributes, check out html5 data attributes — billyonecan
– billyonecan, Commented Jun 5, 2013 at 12:11
I hope this can help you understand the functionality better jsfiddle.net/cVb5h — dreamweiver
– dreamweiver, Commented Jun 5, 2013 at 12:20

Jude Duran · Accepted Answer · 2013-06-05 12:05:08Z

1

try this:

$("a[dir=hello]").remove();

Here's the documentation

answered Jun 5, 2013 at 12:05

Jude Duran

2,2152 gold badges26 silver badges41 bronze badges

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

Comments

Nono · Accepted Answer · 2013-06-05 12:26:16Z

1

It's working:

$(function(){
        $('#btn').click(function(){
                if($("#testdiv").find("a[dir='hello']").length=='1'){
                    $("#testdiv").find("a[dir='hello']").remove();
                }
        });
    });

answered Jun 5, 2013 at 12:26

Nono

7,4024 gold badges42 silver badges41 bronze badges

Comments

tckmn · Accepted Answer · 2013-06-05 12:05:11Z

0

$('#btn').click(function(){
   $("#testdiv").remove("a[dir='hello']");
})

You need no if.
You forgot the quotes in the remove statement.
You forgot the last ).

answered Jun 5, 2013 at 12:05

tckmn

59.7k27 gold badges118 silver badges156 bronze badges

Comments

Rob · Accepted Answer · 2013-06-05 12:06:51Z

0

Try this:

$('a[dir="hello"]').remove

answered Jun 5, 2013 at 12:06

Rob

11.9k15 gold badges68 silver badges97 bronze badges

Collectives™ on Stack Overflow

How do I remove HTML elements with specific attribute value?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related