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').click(function(){
   if($("div").find("a[dir=hello]").length == 1)
   {
       alert(present);
   }
}

Answer 2

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

Answer 3

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

このフィドルも参照してください