如何檢查具有特定屬性值的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[dir="hello"]').length) { 
     alert(present); 
    } 
}); 

Answer 2

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

Answer 3

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

Also see this fiddle