檢索svg的子元素g

我試圖檢索svg g元素的值。以下是我的代碼檢索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>

我想訪問第三個'g'元素值，即'CNN'在上面的情況。我如何使用jQuery來做到這一點。

來源

2013-02-21 Subash Basnet

試試這個：

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

或者這樣說：

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

甚至更好的一個：

$('#chart g').find('text').text();

來源

2013-02-21 11:13:01 Jai

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-21 11:14:43 alexg

檢索svg的子元素g

回答

相關問題