jquery如何获取多个相同DOM结构内子元素的个数并做针对操作

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <div class="egRowCont">
        <a></a>
        <a></a>
        <a></a>
    </div>
    <div class="egRowCont">
        <a></a>
        <a></a>
    </div>
    <div class="egRowCont">
        <a></a>
        <a></a>
        <a></a>
        <a></a>
    </div>
    <div class="egRowCont">
        <a></a>
    </div>
</body>

</html>

如上面结构,如何获取到.egRowCont下a元素数为1的那个.egRowCont,并对这一个a做操作。最好用纯jquery方法,谢谢啦!

阅读 5.9k
2 个回答

没有测试过性能,不知道那一种性能好一些。不过方法二要灵活一些

方法一

如果要一次选出来,有点复杂,看 JsFiddle

https://jsfiddle.net/educ1vvh/1/

javascriptvar a = $("div.egRowCont:not(:has(a:eq(1)))");

方法二

https://jsfiddle.net/educ1vvh/2/

javascriptvar a = $("div.egRowCont").filter(function(i, erc) {
    return $(erc).children().length === 1;
});
var a = $('.egRowCont a:only-child');
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题