0

javascript と jQuery を使用して、指定された HTML コードを変更するにはどうすればよいですか。

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

目標は、<div> .... important text here </div>に触れずにテキストを変更することです...

<strong> unimportant text here </strong>

...部

例：

*ここに重要でないテキスト * ここに重要で変更されたテキスト

4

2 に答える 2

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
});
于 2013-03-31T17:44:54.137 に答える
0 
<div> 
    <strong> unimportant text here </strong> 
    <span id="changeText">important text here</span>
</div>

$('#changeText').text= "I CHANGE THE TEXT";
于 2013-03-31T17:46:07.800 に答える