Question

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

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

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

"First Name"
</label>

上面的HTML仅在点击了具有类名＆＃34; theClickedClass＆＃34;的元素后才会出现。

注入以下代码（使用jQuery）：

<script type="text/javascript">
$(function() {
    $('.theClickedClass').click(function() {
        $('#theLabel1').text("THE NEW TEXT");
    });
});
</script>

HTML保持与上面完全相同。

我知道点击的功能有效，因为我放了一个console.log。添加等待期（等待标签实际存在）并没有什么不同。

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

感谢。

Answer 1

我认为你看起来像这样：）

<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');          
});
});

Fiddle here

Answer 2

我给你这个JSfiddle。它会在输入后更改值。

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

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

http://jsfiddle.net/xggbz60o/1/

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

2 个答案: