如何删除具有特定属性值的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();

这是文档

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();
                }
        });
    });