javascript - 如何更改页面上的文字？ (使用 jQuery 查找和替换？)

Question

我有一段硬编码的、不可编辑的 HTML:

<td id="v65-onepage-ordercomments-value" width="61%" valign="top" colspan="2">
     Order Comments:&nbsp;(Optional)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
     <br>           
     <textarea name="Order_Comments" id="v65-onepage-ordercomments-input" rows="3" cols="55"></textarea>
</td>

我想替换“Order Comments (Optional)”，以及所有那些不间断的空格。我最好用其他 HTML 替换它，例如标题和段落标记。做这个的最好方式是什么？我的假设是使用 jQuery 执行查找和替换之类的操作？

Answer 1

它始终是父 div 的第一个子节点的 textNode，您可以这样做:

var node = document.getElementById('v65-onepage-ordercomments-value').firstChild;
node.nodeValue = 'new content';

FIDDLE

或者在 jQuery 中:

$('#v65-onepage-ordercomments-value').contents().each(function() {
    if (this.nodeType===3 && this.nodeValue.trim().length) 
        this.nodeValue = 'new content';
});

FIDDLE