javascript - 如何使用 jQuery 选择在 <text> 中具有特定文本的特定 <g> 作为其子级？

Question

我的html如下

<svg>
    <g>
        <rect></rect>
        <text> abc </text>
    </g>

    <g>
        <rect></rect>
        <text> def </text>
    </g>
</svg>

我想选择将子文本标记作为其值“abc ”的 g 标记，并应向其附加一些其他文本标记，以便最终输出为

    <svg>
    <g>
        <rect></rect>
        <text> abc </text>
        <text> extra added abc </text>
    </g>

    <g>
        <rect></rect>
        <text> def </text>
    </g>
</svg>

Answer 1

定位 has() 的 g 标签 text 标签，contains() 字符串 abc，然后将元素附加到该 g 标记，如下所示。

$('g:has(text:contains("abc"))').append($('<text />', {text : ' extra added abc '}));