1

svg g 要素の値を取得しようとしています。以下は私のコードです

<div id="chart">
    <svg width="1386" height="186">
    <g transform="translate(0,0)">    
    <g><circle class="node highlight" r="17.603478526018918" style="fill: #008000;" cx="521.2058097619438" cy="67.43023189750437"></circle>
    </g>
    <g><text class="label highlight" dx="22.603478526018918" dy=".35em" transform="translate(521.2058097619438,67.43023189750437)">CNN</text>
    </g>
    </g>
    </svg>
</div>

上記の場合、3番目の「g」要素値、つまり「CNN」にアクセスしたいと思います。jQueryを使用してどのように行うことができますか。

4

2 に答える 2

0

これを試して:

console.log($('#chart').find('g').eq(2).text());

またはこの方法:

console.log($('#chart').find('text').eq(0).text());

さらに良いもの:

$('#chart g').find('text').text();
于 2013-02-21T11:13:01.090 に答える
0
s = '<div id="chart"><svg width="1386" height="186"><g transform="translate(0,0)"><g><circle class="node highlight" r="17.603478526018918" style="fill: #008000;" cx="521.2058097619438" cy="67.43023189750437"></circle></g><g><text class="label highlight" dx="22.603478526018918" dy=".35em" transform="translate(521.2058097619438,67.43023189750437)">CNN</text></g></g></svg></div>'

$('g:nth-of-type(2)',$(s))
于 2013-02-21T11:14:43.743 に答える