2

次のコードの場合:

<div myLable="a"><p><span style="color:#00aaFF">change me only 1</span></p></div>
<div myLable="b"><span style="color:#00aaFF">change me only 2</span></div>

私が使用する場合

$('div[myLable="a"]').text("change");
$('div[myLable="b"]').text("change");

その後、内部のすべての html コードが変更されますが、それは私が必要としているものではありませんでした。

2 つの前提条件があることに注意してください。

  1. 子要素にラベルや ID はありません。
  2. 子要素がどれだけ深いかはわかりませんが、最も深い子要素のテキストを変更する必要があると結論付けることができます。
  3. ソリューションで生の JavaScript を使用するのは良いことですが$('div[myLable="a"]')、親要素には ID がなく、ユーザー定義のラベルしかないため、フォームを使用する必要があるため、この Jquery フォームが必要です。

この場合のみテキストを変更するにはどうすればよいですか?

前もって感謝します、

4

2 に答える 2

3

内のテキストを変更する必要がありますspan。したがって、次を指す適切なセレクターを使用しますspan

$('div[myLable="a"] span').text("change");
于 2012-05-08T04:59:33.343 に答える
0
var $target = $('div[myLable="a"]').children();
$next = $target;

while( $next.length ) {
  $target = $next;
  $next = $next.children();
}

$target.text("change");
于 2012-05-08T05:07:37.400 に答える