javascript - 如何通过对元素的子属性设置过滤器来获取元素

Question

我有以下 DOM 结构:

<g class="box" rel="1">
    <text editable="false">some text</text>
</g>
<g class="box" rel="2">
    <text editable="true">some text</text>
</g>
<g class="box" rel="3">
    <text editable="false">some text</text>
</g>
<g class="box" rel="4">
    <text editable="true">some text</text>
</g>

我现在想做的是获取子元素“editable”属性为 true 的 g 元素。

我已经尝试过了，但这似乎没有达到我想要的效果:

var box = $('.box :last-child[editable="true"]').filter(':parent');

希望有人能帮助我。提前致谢。

Answer 1

尝试

$('g.box text[editable="true"]').parent();

或

$('text[editable="true"]').parent('g.box');