2014-05-12 58 views
-2

访问我的HTML元素像下面这样:SVG:文本属性在Javascript

<svg width="930" height="450"> 
    <g transform="translate(.5,.5)"> 
    <g class="cell" transform="translate(758.6842105263157,0)"> 
     <text x="85.65789473684211" y="225" dy=".35em" id="text-Summer" text-anchor="middle" style="display: block;">Summer</text> 
    </g> 
    <g class="cell" transform="translate(758.6842105263157,0)"> 
     <text x="85.65789473684211" y="225" dy=".35em" id="text-Winter" text-anchor="middle" style="display: block;">Winter</text> 
    </g> 
    </g> 
</svg> 

我怎样才能获得的SVG的“ID”:这是一种在文本内容“夏”的文本元素Javscript

我尝试使用

$("svg g text[text='Summer']").attr('id'). 

访问但它没有得到。

+1

这不是Javascript。 – Benio

+1

Benio的含义是$()不在JavaScript标准中。我假设你正在使用jQuery,对吧? –

回答

2

你应该使用这样的事情:

$("svg g text:contains(Summer)").attr('id') 

这意味着,你的选择是不正确的。

+1

'svg g'实际上没有必要。所以你可以写'$(“text:contains(Summer)”)。attr(“id”)'。 –

+0

我们实际上并不知道,如果主题首发确实需要'svg g'。所以我决定保存它。 – kuzzmi

2

对不起,但是您需要这个吗?难道你不能一次生成ID和文本,然后得到$("svg g text#text-Summer")的元素?