jquery - 检查父级是否包含该类的元素

时间:2010-08-12 10:02:44

标签: jquery contains

我遇到问题,试图找出父元素是否没有具有特定类的元素,如下所示:

  

//点击表单内的按钮后 - 获取父表单的实例

     

var par = $(this).parent('form');

     

if(!par.has('warn')){

     

//做点什么

     

}

任何想法如何实现它 - 因为has()似乎没有找到它

1 个答案:

答案 0 :(得分:3)

.has不返回布尔值,因此如果没有匹配,则返回的对象有0个成员。

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
    <form>
        <div><input id="thebutton" type="button" value="Click Me" /></div>
        <div class="test">test div</div>
    </form>
<script>

$(document).ready(function() {
    $('#thebutton').click(function() {
        var par = $(this).parent('form');
        if(par.has('.warn').length === 0) {
            // do something
            alert('nothing');
        }
    });
});

</script>

</body>
</html>