Question

我已经用谷歌搜索了如何做到这一点，这似乎并不难，但它似乎也没有起作用。

在此网站上：http://www.glassrailingsusa.com/glass-railing-gallery/

画廊有一个下拉列表。页面默认为“全部”图像，但该框不显示“全部”。我无法更改插件，所以我想我只会使用jQuery来更改文本。

这是我的JS

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $('div.fg-current-album').text('All');
});
</script>

这是下拉列表的HTML（不是选择）

<div class="fg-dropdown">
<div class="fg-current-album fg-current-album-white">Exterior Railings</div>
<ul class="fg-dropdown-list fg-dropdown-list-white" style="display: none;">
  <li>All</li>
  <li>Exterior Railings</li>
  <li>Glass Gates</li>
  <li>Glass Railings</li>
  <li>Interior Railings</li>
</ul>
</div>

我尝试在标题中添加脚本，并在关闭正文标记上方的页脚中添加脚本。似乎都没有用。我也尝试了.html（），但没有用。是不是在我打电话给剧本的时候？我真的不确定如何调试它。

Answer 1

这肯定是你的JS被调用的地方，因为在页面完全加载后如果你在浏览器控制台中输入它就可以了：

 $('div.fg-current-album').text('All');

也许有一些异步ajax在写那个......

你可能会在那里尝试超时：

setTimeout(function(){ $('div.fg-current-album').text('All'); }, 3000);

Answer 2

尝试双引号以防万一

$( "div.fg-current-album" ).text( "<p>All</p>" );

用不同的文本替换DIV中的文本

2 个答案: