开发者社区> 问答> 正文

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方法,谢谢啦!

展开
收起
小旋风柴进 2016-03-26 11:47:19 2265 0
1 条回答
写回答
取消 提交回答
  • 方法一
    如果要一次选出来,有点复杂,看 JsFiddle

    https://jsfiddle.net/educ1vvh/1/点击预览

    var a = $("div.egRowCont:not(:has(a:eq(1)))");
    方法二
    https://jsfiddle.net/educ1vvh/2/点击预览

    var a = $("div.egRowCont").filter(function(i, erc) {
        return $(erc).children().length === 1;
    });
    2019-07-17 19:16:00
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载