javascript – jQuery更新html元素文本而不影响HTML子元素

前端之家收集整理的这篇文章主要介绍了javascript – jQuery更新html元素文本而不影响HTML子元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一个小问题,我不知道如何解决它.

我有一个像这里的HTML层次结构

    我喜欢做的是修改“Title Goes Here”.

    我试过的是:

    $('#el_01 title').text('New Title Goes Here');
    

    但那也删除了:

    有没有办法只更新“Title Goes Here”而不影响span元素?

    最佳答案
    您可以通过访问DOM元素并获取其firstChild来直接编辑文本节点.

    $('#el_01 .title')[0].firstChild.data = 'New Title Goes Here';
    

    如果有几个.title元素,则可以在.each()循环中执行.

    $('#el_01 .title').each(function(i,el) {
        el.firstChild.data = 'New Title Goes Here';
    });
    

    猜你在找的jQuery相关文章