Замена текста в DIV с помощью другого текста

Question

Я искал Google, как это сделать, и это не кажется трудным, но оно также не работает.

На этом сайте: 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'); 

может быть, есть некоторый асинхронный Аякс происходит, что за пишет, что ..

вы могли бы, вероятно, попробовать Timeout там, как:

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

Answer 2

Попробуйте двойную котировку только в случае

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