javascript - 如何检查具有特定属性值的html元素是否存在

Question

如何检查具有特定属性值的元素是否存在于 div 标签中。

例如，

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

这是我的jQuery。

$('#btn').click(function(){
   if(/*Here I need the condition to check whether, `a` tag with attribute `dir` with value `hello` is present inside `div` */)
   {
       alert(present);
   }
}

请给亲爱的朋友们建议，因为我是 jQuery 的初学者。谢谢。

Answer 1

$('#btn').on('click', function(){
       if ( $('#testdiv a').attr('dir') == 'hello' ) {
           alert('1111111');
       }
        else
            alert('222');
    });

也看到这个小提琴

Answer 2

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

Answer 3

$('#btn').on('click', function(){
   if ( $('#testdiv a[dir="hello"]').length ) {
       alert(present);
   }
});