javascript - 仅更改或转换标签的文本而不更改它们在表单中的值

Question

这是我下面的代码：

<form name="mainform" id="mainform" class="form_step" action="" method="post" enctype="multipart/form-data">
<ol>
<li id="list_cp_you_are">
 <div class="labelwrapper">
    <label><a href="#" tip="You are" tabindex="999"><div class="helpico"></div></a>You are: <span class="colour">*</span></label>
 </div>

预期代码：

<form name="mainform" id="mainform" class="form_step" action="" method="post" enctype="multipart/form-data">
<ol>    
    <li id="list_cp_you_are">
 <div class="labelwrapper">
    <label><a href="#" tip="You are" tabindex="999"><div class="helpico"></div></a>I am: <span class="colour">*</span></label>
 </div>

我只想将标签标签中的“你是：”文本转换或更改为“我是：”文本，而不更改它们的值，这也会立即影响页面加载。

任何人请帮助我..

Answer 1

获取锚点，textNode 将成为 nextSibling ：

$('#mainform label a').each(function() {
    this.nextSibling.nodeValue = this.nextSibling.nodeValue.replace('You are', 'I am');
});

小提琴