Использовать jquery для установки значения тега div

У меня указан этот тег html div:

<div style="height:100px; width:100px" class="total-title">
    first text
</div>

У меня есть код jquery для изменения его значения:

 $('div.total-title').html('test');

Но это не меняет содержимое div.

Ответ 1

если ваше значение является чистым текстом (например, "test" ), вы также можете использовать метод text(). например:

$('div.total-title').text('test');

В любом случае, о проблеме, которую вы делите, я думаю, вы можете вызвать код JavaScript до того, как HTML-код для DIV будет отправлен в браузер. убедитесь, что вы вызываете строку jQuery в <script> тег после <div> , или в следующем заявлении:

$(document).ready(
    function() {
        $('div.total-title').text('test');
    }
);

Таким образом, script выполняется после того, как HTML файл div анализируется браузером.

Ответ 2

Чтобы поместить текст, используйте .text('text')

Если вы хотите использовать .html(SomeValue), SomeValue должен иметь теги html, которые могут находиться внутри div, он тоже должен работать.

Просто проверьте местоположение script, как сказал farzad.

Ссылка: . html и text

Ответ 3

попробуйте эту функцию $('div.total-title').text('test');

Ответ 4

Вы ссылаетесь на JS файл jQuery, не так ли? Нет причин, по которым ответом farzad не должно работать.

Ответ 5

При использовании метода .html() параметр htmlString должен быть параметром. (источник) Поместите свою строку в HTML-тег, и она должна работать или использовать .text(), как предложено farzad.

Пример:

<div class="demo-container">
    <div class="demo-box">Demonstration Box</div>
</div>

<script type="text/javascript">
$("div.demo-container").html( "<p>All new content. <em>You bet!</em></p>" );
</script>

Ответ 6

используйте, как показано ниже:

<div id="getSessionStorage"></div>

Для этого добавьте что-нибудь для использования ниже кода для справки:

$(document).ready(function () {
        var storageVal = sessionStorage.getItem("UserName");
        alert(storageVal);
        $("#getSessionStorage").append(storageVal);
     });

Это будет отображаться ниже в html (при условии, что storageVal = "Rishabh" )

<div id="getSessionStorage">Rishabh</div>