如何使用javascript/jquery更改"label for"的文本?

M.S*_*S.E 0 javascript jquery

<label for="id_about">Profile</label>
Run Code Online (Sandbox Code Playgroud)

如何使用JavaScript或jQuery更改此内容?我只想更改此实例以使用About这样的其他内容替换配置文件.我知道如何更改我网站上的所有"个人资料"字样.但我只想改变这个特定的具体实例.

T.J*_*der 7

您可以使用属性进行搜索:

$("label[for=id_about]").html("new text here"); // or .text("new text here")
Run Code Online (Sandbox Code Playgroud)

请记住,jQuery允许您使用CSS选择器的全部功能来查找页面上的元素(它甚至添加了一些自己的元素,但通常会尝试坚持官方的元素).


对于任何不使用jQuery的人,你仍然可以在任何现代浏览器(和IE8)上使用全系列的CSS选择querySelector(找到第一个匹配的元素,或者null如果没有匹配)或者querySelectorAll(获得一个NodeList匹配的元素,可能是空的):

document.querySelector("label[for=id_about]").innerHTML = "new text here";
Run Code Online (Sandbox Code Playgroud)