jquery - 更改

Question

我想在不改变跨度的情况下改变文本。我试过这个文本已更改但跨度已删除。

 <div class="c1"> <h2> "here" <span class="span1">X</span></h2></div>

有没有什么方法可以使用 jQuery 更改文本而不更改 span 内容。

Answer 1

jsFiddle:https://jsfiddle.net/CanvasCode/y6p6xzfx/

$(function () {
    $span = $('h2').find('span')
    $('h2').text("Hello");
    $('h2').append($span);
});

复制您的 span，更新 h2 文本，然后将 span 附加回您的 h2 标签。

---

忘记按 c1 div 类进行过滤。这是更新后的代码

jsFiddle https://jsfiddle.net/CanvasCode/y6p6xzfx/1/

$(function () {
    $div = $('.c1');
    $h2 = $div.find('h2');
    $span = $h2.find('span')
    $h2.text("Hello");
    $h2.append($span);
});

此外，您不需要存储所有元素。我这样做只是为了让代码更易于阅读和理解。