У меня есть этот тег html div:
<div style="height:100px; width:100px" class="total-title">
first text
</div>
У меня есть код jquery для изменения его значения:
$('div.total-title').html('test');
Но это не меняет содержимого div.
У меня есть этот тег html div:
<div style="height:100px; width:100px" class="total-title">
first text
</div>
У меня есть код jquery для изменения его значения:
$('div.total-title').html('test');
Но это не меняет содержимого div.
Ответы:
если ваше значение представляет собой чистый текст (например, test), вы также можете использовать метод text (). как это:
$('div.total-title').text('test');
в любом случае, что касается проблемы, которую вы разделяете, я думаю, вы могли бы вызвать код JavaScript до того, как HTML-код для DIV будет отправлен в браузер. убедитесь, что вы вызываете строку jQuery в теге <script> после <div> или в такой инструкции:
$(document).ready(
function() {
$('div.total-title').text('test');
}
);
таким образом скрипт выполняется после того, как HTML-код div анализируется браузером.
$('#div.total-title').text('test');
При использовании .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>
используйте, как показано ниже:
<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>