如何删除具有特定属性值的HTML元素?

时间:2013-06-05 12:03:33

标签: javascript jquery html

我需要从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做些什么改变?

4 个答案:

答案 0 :(得分:0)

试试这个:

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

这是documentation

答案 1 :(得分:0)

$('#btn').click(function(){
   $("#testdiv").remove("a[dir='hello']");
})
  • 您不需要if
  • 您忘记了remove声明中的引号。
  • 您忘记了上次)

答案 2 :(得分:0)

试试这个:

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

答案 3 :(得分:0)

它正在运作:

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