检索svg g的子元素 [英] retrieve child elements of svg g
本文介绍了检索svg g的子元素的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试检索svg g元素的值.下面是我的代码
I'm trying to retrieve the value of svg g element. Below is my code
<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"元素值,即"CNN".我该如何使用jQuery.
I want to access the third 'g' element value i.e. 'CNN' in above case. How can I do it using jQuery.
推荐答案
尝试一下:
console.log($('#chart').find('g').eq(2).text());
或这种方式:
console.log($('#chart').find('text').eq(0).text());
甚至更好的一个:
$('#chart g').find('text').text();
这篇关于检索svg g的子元素的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文