Как удалить HTML-элементы с определенным значением атрибута?

Question

Мне нужно удалить a теги с определенным значением атрибута из тега div.

Это, например:

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

Вот мой JQuery:

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

Но ее не работает. Какое изменение мне нужно сделать с моим jQuery?

Answer 1

попробовать это:

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

Вот documentation

Answer 2

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

• Вы не нуждаются в if.
• Вы забыли котировки в заявлении remove.
• Вы забыли последние ).

Answer 3

Попробуйте это:

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

Answer 4

Он работает:

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