如何仅更改元素中的文本节点 [英] How to change only text node in element

问题描述

我有下一个html:

<label for="user_name">
  <abbr title="required">*</abbr>
  Name
</label>

我想用jquery将标签标题更改为Title.所以我

And I want to change label caption to Title with jquery. So I do

$('label[for=user_name]').html('Title')

它替换了所有内部html(带有abbr标记)

And it replace all inner html (with abbr tag)

那么，仅替换Name的最简单方法是什么?

So, what the easiest way to replace only Name?

推荐答案

如果使用contents()方法，它还将返回文本节点.由于jQuery没有文本节点方法，因此将最后一个节点转换为DOM节点

If you use contents() method it will also return text nodes. Since jQuery doesn't have text node methods, convert last node to a DOM node

$('label[for="user_name"]').contents().last()[0].textContent='Title';

演示: http://jsfiddle.net/yPAST/1/

这篇关于如何仅更改元素中的文本节点的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！