javascript - 带有 jQ​​uery 的 javascript - 如何更改特定的文本

Question

我如何通过 javascript 和 jQuery 更改给定的 HTML 代码：

<div> <strong> unimportant text here </strong> important text here </div>

目标是在<div> .... important text here </div>不触及...的情况下更改文本

<strong> unimportant text here </strong> 

...部分

例子：

*此处为不重要的文字 * 此处为重要且已更改的文字

Answer 1

jsFiddle 演示

这需要访问父 div。我不确定您希望如何访问它，但例如，我将使用id.

<div id="d"> <strong> unimportant text here </strong> important text here </div>

这允许以内部元素为目标。您应该只使用子字符串来选择文本的后半部分

var AllText = $('#d').text();
var StrongElementText = $('#d strong').text();
var ImportantText = AllText.substr(StrongElementText.length);

编辑

由于无法直接定位元素，必须对其进行推断（这可能导致目标碰撞）

使用推断目标的 jsFiddle 演示

$('div strong').each(function(){
 var AllText = this.parentNode.innerText;
 this.parentNode.innerText += " And Changed";
 var StrongElementText = this.innerText;
 var ImportantText = AllText.substr(StrongElementText.length);
 c[0].innerHTML += ImportantText + "<br>";//shows output
});

Answer 2

<div> 
    <strong> unimportant text here </strong> 
    <span id="changeText">important text here</span>
</div>

$('#changeText').text= "I CHANGE THE TEXT";