检查父项中的子项数,而不是页面上的所有子项元素

时间:2014-01-08 13:52:03

标签: jquery

我正在尝试查找任何少于4列的行。目前在console.log上我得到了所有'a'元素的列表,因此!= 4将始终为true。如何检查每行中少于4个孩子的数量而不是整个页面?

    var $row = $('.row');
    var $columns = $row.find('> a');
    if($columns.length !=  4) {
         // do stuff
        console.log($columns);
    }

我已尝试$ .each但这仍然有相同的结果。

2 个答案:

答案 0 :(得分:1)

当我读到你的问题时,应该是:

$('.row').each(function (_, row) {
    var $columns = $(row).children('a');
    if ($columns.length < 4) {
        // do stuff
        console.log($columns);
    }
});

答案 1 :(得分:0)

不太确定,你的意思是什么,然后谈论锚点。但是,如果您要查找$ row中的子项,则可以使用.children()并添加选择器,例如

$row.children(".class_or_type_of_the_children_youwant") 

然后检查您使用的长度是否低于而不是等于标记<

也不要忘记使用独特的选择器。如果你有更多名为row的类,那么每当jquery通过DOM时你的脚本就会被触发。