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?

Answer 1

try this:

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

Here's the documentation

Answer 2

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

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

Answer 3

尝试这个：

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

Answer 4

It's working:

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