Question

我有以下HTML元素：

<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：text元素的“id”，其中 Javscript 中的文本内容为“Summer”。

我尝试使用

进行访问

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

但它没有得到。

Answer 1

你应该使用这样的东西：

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

这意味着您的选择器不正确。

Answer 2

对不起，但你需要什么？你不能一次只生成id和文本，然后使用$("svg g text#text-Summer")生成元素吗？

SVG：TEXT属性在Javascript中访问

2 个答案: