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 Demo

这需要访问父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 Demo Using Inferred target

$('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";

javascript与jQuery - 如何更改特定的文本

2 个答案: