Question

好的，所以我有这种方法，当页面大小足够小以便将其检测为移动时更新一些按钮。因为我注意到某些字体比按钮内的其他字体大，我想用javascript / jQuery更改文本，但我做的事似乎没有用。

我正在尝试更改的页面中的代码如下所示：

<div id="btn-take-me-to-help" class="btn-long-green">
  <div class="btn-center-container-long-green">
    <div class="btn-text-blue">
      <span>Take me to the help center</span>
    </div>
  </div>
</div>

这就是我试图用jQuery改变它的方式：

$("#btn-take-me-to-help span").text("I changed the text!!!");

我也尝试过使用.html（）并使用css进行测试，但没有运气。

＆lt; - 添加了常规信息 - ＆gt;

我正确加载了jQuery，因为我正在将它用于我脚本中的其他所有内容并且它们正在运行。 chrome中的控制台也没有给我任何错误。

我在css文件中尝试了相同的语句以及＃btn-take-me-to-help span {...}并且只是尝试更改字体的大小，它甚至没有这样做，让我想知道这里有其他事情要发生，但不知道是什么

＆lt; - - ＆gt;

提前感谢您的帮助！

Answer 1

终于解决了。谢谢大家，你没事。代码实际上没有任何问题，这完全是因为我在不同的视图中测试代码，我不应该花费数小时....

再次感谢，抱歉花时间。多么棒的社区！

Answer 2

也许你还没有加载jquery图书馆：

$( document ).ready(function() {
    $("#btn-take-me-to-help span").text("I changed the text!!!");
});

Answer 3

$("#btn-take-me-to-help span").text("I changed the text!!!");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="btn-take-me-to-help" class="btn-long-green">
  <div class="btn-center-container-long-green">
    <div class="btn-text-blue">
      <span>Take me to the help center</span>
    </div>
  </div>
</div>

Answer 4

...试

$("#btn-take-me-to-help>div>div>span").text("I changed the text!!!");

使用JQuery更改div文本时出现问题

4 个答案: