Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 第N个孩子和祖父母或第二级孩子_Jquery_Jquery Selectors_Parent_Css Selectors - Fatal编程技术网

Jquery 第N个孩子和祖父母或第二级孩子

Jquery 第N个孩子和祖父母或第二级孩子,jquery,jquery-selectors,parent,css-selectors,Jquery,Jquery Selectors,Parent,Css Selectors,这可能很简单,但无法理解 我有这样的代码: <div class="grandparent"> <div class="parent"> <div class="child" id="1"></div> <div class="child" id="2"></div> <div class="child" id="3"></div>

这可能很简单,但无法理解

我有这样的代码:

<div class="grandparent">
    <div class="parent">
        <div class="child" id="1"></div>
        <div class="child" id="2"></div>
        <div class="child" id="3"></div>
        <div class="child" id="4"></div>
    </div> 
    <div class="parent">
        <div class="child" id="5"></div>
        <div class="child" id="6"></div>
    </div> 
</div>
因此,我需要子#3子#6具有右边距:0px

但它总是将.parent称为第三个孩子,而不是所选的班级.祖父母,因此只有孩子#3受到影响

有什么简单的解决方法吗?

我建议:

$('.grandparent .child').filter(function(i){
    return (i+1)%3 === 0;
}).css('margin-right', '0px');
(使用
颜色
使其更易于查看)

参考资料:


谢谢你,大卫,我一直在照顾第N个孩子!
$('.grandparent .child').filter(function(i){
    return (i+1)%3 === 0;
}).css('margin-right', '0px');