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>

我现在要做的是将g元素放在孩子可编辑的地方。属性是真的。

我试过这个，但这似乎不是我想要的：

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

希望有人可以帮助我。提前谢谢。

Answer 1

尝试

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

或

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

Answer 2

如果你已经在使用jQuery -

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

Answer 3

你快到了;

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

Answer 4

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

Answer 5

试试这个

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

Answer 6

选择孩子然后到达父母要容易得多：

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

这将选择具有可编辑孩子的父母

希望这有帮助

如何通过在子属性上设置过滤器来获取元素

6 个答案: