问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

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

头像
青衿
    342123140
    <!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方法，谢谢啦！

    javascriptjquery前端
    阅读 5.9k
    2 个回答
    得票最新
    头像
    边城
      59.8k157274
      ✓ 已被采纳

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

      方法一

      如果要一次选出来，有点复杂，看 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;
});
      头像
      残阳映枫红
        6.1k11115
        var a = $('.egRowCont a:only-child');
        撰写回答
        你尚未登录，登录后可以
        • 和开发者交流问题的细节
        • 关注并接收问题和回答的更新提醒
        • 参与内容的编辑和改进，让解决方法与时俱进
        推荐问题