jQuery查找最接近的子节点超过N个

7rtdyuoh  于 2023-11-17  发布在  jQuery
关注(0)|答案(1)|浏览(109)

HTML示例:

<div class="test">
    <div class="findMe">
        <div></div>
        <div></div>
        <div></div>
    </div>
</div>

<div class="test">
    <div></div>
    <div>
        <div>
            <div class="findMe">
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </div>
</div>

<div class="test">
    <div>
        <div>
            <div>
                <div class="findMe">
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
            </div>
        </div>
    </div>
    <div>
        <div>
            <div>
                <div class="notMe">
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
            </div>
        </div>
    </div>
    <div></div>
</div>

字符串
期望的结果:div.findMe从每个“html .test树”,不使用:'. findMe','[class]'等
是否可以找到包含多于1个子节点的最近的父节点

  • 任何嵌套深度
  • 选择应该有多少孩子,或者更多
wfveoks0

wfveoks01#

你可以选择第一个有足够孩子的父母。

const findMe = childsCount => $($('.test').find(`*>*:nth-child(${childsCount})`).parent().get(0));

// The first father in .test who has 3 children
findMe(3).css('background-color', 'yellow');

个字符

相关问题