javascript - 当元素具有子元素并使用 JQuery 时，如何仅更改 HTML 中的文本？

Question

对于以下代码:

<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代码都会改变，这不是我需要的。

请注意，有两个前提条件:

1. 子元素中没有任何标签或 ID。
2. 我们不知道子元素有多深，可以得出的结论是，要求更改最深的子元素的文本。
3. 如果在解决方案中使用原始 JavaScript 会很好，但必须使用 $('div[myLable="a"]') 形式，因为父元素没有 id，只有用户-定义标签，所以我需要这个Jquery表单。

如何仅在这种情况下更改文本？

提前致谢，

哇

Answer 1

您需要更改span内的文本。因此，请使用指向 span 的适当选择器:

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