单击HTML表单后如何通过JavaScript/jQuery更改标签文本

我正在寻找一种方法来更改squarespace.com网站上名称表单元素下的文本。这是一个帮助您建立网站的网站，但您不能自己更改源代码。但是，您可以注入JavaScript

我知道要更改的两个元素的id。从开发人员工具看，元素是标签，下面有一个字符串输入字段，如下所示：

<label id="theLabel1">
<input type="text"></input>

"First Name"
</label>

“名字”

上面的HTML仅在单击类名为“theClickedClass”的元素后出现

注入以下代码时（jQuery可用）：

$（函数（）{
$（'.theClickedClass'）。单击（函数（）{
$（'theLabel1'）。文本（“新文本”）；
});
});

HTML保持与上面完全相同

我知道单击的函数可以工作，因为我在那里放了一个

console.log

。添加等待期（以等待标签实际存在）不会产生任何影响

我不知道为什么它不起作用。其他人知道如何更改标签中的文字吗

---

谢谢。

我给你这个礼物。它在输入后更改值

使用此代码，您可以更改所需的值：

$('#theLabel1')[0].lastChild.textContent = 'THE NEW TEXT';

---

我想你看起来像这样：）

“名字”
$（文档）.ready（函数（）{
变量字段=$（'.my text'）；
$（'#标签1'）。单击（函数（）{
$（“#标签1”）.text（'hello there'）；
字段。在（“#标签1”）之前插入；
});
});

---

缺少的引号是一个拼写错误，对吗？@Shomz是的，我更正了。输入是自动关闭的？您编写的代码工作正常。这是您的代码，其中添加了一个简单的按钮，用于创建一个类为“theClickedClass”的元素，谢谢。这有什么不同？我现在没有可能改变它。

$('#theLabel1')[0].lastChild.textContent = 'THE NEW TEXT';

<label id="theLabel1">
<input class="my-text" type="text"></input>
"First Name"
</label>



$(document).ready(function(){
 var field = $('.my-text');
   $('#theLabel1').click(function() {
      $("#theLabel1").text('hello there');
      field.insertBefore('#theLabel1');          
});
});