jquery - 如何编写一个jQuery来交换SVG标签中两个文本元素的文本

Question

我创建了带有两个文本元素的 svg 标签。如何编写 jquery 以便用 id txt1 和 id txt2 交换元素的内容？

<svg id = "svg_box">
<text id = "txt1">hello</text>
<text id = "txt2">hi</text>
</svg>

标签： jqueryhtml

Answer 1

就这样。

如果你想保存 HTML

let txt1 = $('#txt1').html();
let txt2 = $('#txt2').html();
$('#txt1').html(txt2);
$('#txt2').html(txt1);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<text id = "txt1">hello</text>
<text id = "txt2">hi</text>

如果你只想要文本

let txt1 = $('#txt1').text();
let txt2 = $('#txt2').text();
$('#txt1').text(txt2);
$('#txt2').text(txt1);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<text id = "txt1">hello</text>
<text id = "txt2">hi</text>