1

次の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>

私が今やりたいことは、子の「編集可能」属性が true である g 要素を取得することです。

私はこれを試しましたが、これは私が望むことをしていないようです:

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

誰かが私を助けてくれることを願っています。前もって感謝します。

4

6 に答える 6

1

試す

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

また

$('text[editable="true"]').parent('g.box');
于 2013-04-22T06:55:33.187 に答える
0

すでにjQueryを使用している場合 -

$("g.box>text[editable='true']").parent();
于 2013-04-22T06:55:05.700 に答える
0

もうすぐそこです。

var box = $('.box text[editable=true]').parent();
于 2013-04-22T06:55:12.837 に答える
0
var box = $('.box :last-child[editable="true"]').parent('g');
于 2013-04-22T06:55:37.377 に答える
0

これを試して

$('.box :last-child[editable="true"]').parent('g');   
于 2013-04-22T06:56:15.923 に答える
0

子を選択してから親に到達する方がはるかに簡単です。

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

これにより、編集可能な子を持つ親が選択されます

お役に立てれば

于 2013-04-22T06:56:21.217 に答える