如何检查一个类有一个子类

时间:2013-09-19 11:43:03

标签: jquery

<html>
<head>
<script>
function A(){

$('input[name="A[]"]').each(function() { 

 alert($(this).val());

});
return false;
}
</script>
</head>
<body>
<form onsubmit="return A()">
<div class="row JRow">

<div class="BtnSet">

<div class="Child">
<input type="text" name="A[]"></input>
<input type="text" name="A[]"></input>

</div>
</div>
</div>

<input type="submit" value="Submit"></input>
</form>
</body>
</html>

这是代码......我需要知道的是,属于这些文本框的类是“Child”,它属于“row JRow”类。 y是我提出的警报不起作用?

5 个答案:

答案 0 :(得分:0)

很难从你的问题中准确地说出你在寻找什么,所以有一些选择:

假设您已经有一个名为.ChildOfABC的变量中obj元素的jQuery对象,那么:

if (obj.parents(".ABC")[0]) {
    // Yes, it's inside one
}

parents查看元素的祖先(父级,祖父级等,直到文档元素),查找与给定选择器匹配的元素,并返回一组它们。最后的[0]告诉我们该集合中是否至少有一个条目。

例如,如果您想通过点击任何.ChildOfABC元素进行检查,那么:

$(".ChildOfABC").click(function() {
    if ($(this).parents(".ABC")[0]) {
        // Yes, it's inside one
    }
});

如果您想了解ChildOfABC内的每个元素是否在ABC内,那么:

var children = $(".ChildOfABC");
var count;
children.each(function() {
    if ($(this).parents(".ABC")[0]) {
        ++count;
    }
});
if (count === children.length) {
    // Yes, each one is
}

答案 1 :(得分:0)

if ($('.ChildOfABC').parent('div.ABC').length) {

答案 2 :(得分:0)

使用此代码$('.ABC').find('.ChildOfABC')

答案 3 :(得分:0)

<script>
$(document).ready(function(){
    if($(".ChildOfABC").parent('div').hasClass('ABC'))
    {
        alert('yes');
    }
    else
    {
        alert('no');
    }
});
</script>

答案 4 :(得分:0)

if($(".ChildOfABC").parent(".ABC").length > 0) { }