Question

我有以下情况：

在我的网站上，我有一些具有几乎相同架构的元素。他们之间唯一的区别就是孩子的数量。

我想获得带有类属性'XY'和两个孩子的元素。必须过滤掉有三个孩子的元素。

如何使用jQuery执行此操作？

提前致谢。

修改

这里有一些HTML给你！

这是我想要的元素之一：

<g class="gbox" rel="242">
    <path id="p012010-0" fill="#FFFFFF" stroke="#000000" stroke-width="0.850" class="stroke" d="M228.199,318.106 L259.401,318.106 L259.401,289.226 L228.199,289.226 L228.199,318.106  Z" style="fill: #ebe8c8;"></path>
    <text id="t012010-0" x="243.80" y="312.58" ix="228.62" iy="289.65" class="box" fill="#000000" editable="true" solution="5d">K</text>
</g>

这是必须过滤掉的：

<g class="gbox" rel="245">
    <path id="p015010-0" fill="#FFFFFF" stroke="#000000" stroke-width="0.850" class="stroke" d="M321.805,318.106 L424.772,318.106 L424.772,289.226 L321.805,289.226 L321.805,318.106  Z"></path>
    <g fill="#000000" stroke="none" transform="matrix(1.200 -0.000 -0.000 1.200 0 0)"><use xlink:href="#2ca9a4d0" x="273.741" y="256.625"></use>
        <use xlink:href="#2c9d4c70" x="281.147" y="256.625"></use>
        <use xlink:href="#2c9d4db8" x="288.928" y="256.625"></use>
        <use xlink:href="#2ca9cc88" x="294.866" y="256.625"></use>
    </g>
    <text id="t015010-0" x="373.29" y="312.58" ix="322.23" iy="289.65" class="box" fill="#000000" editable="true" solution="39"> </text>
</g>

Answer 1

使用.filter()

var $child2 = $('.XY').filter(function(){
    return $(this).children().length == 2
})

jQuery：如何使用特定数量的子元素过滤元素

1 个答案: