Використовуйте jquery, щоб встановити значення тегу div

81

Я визначив цей HTML-тег div:

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

У мене є код jquery, щоб змінити його значення:

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

Але це не змінює зміст div.

jquery html

— повітря
джерело

2

Де саме ви виконуєте твердження: $ ('div.total-title'). Html ('test'); ??

— Niek H.

1

У коді немає абсолютно нічого поганого, якщо ви викликаєте js-код після того, як DOM готовий. Фарзад, відповів правильно.

— simplyharsh

156

якщо ваше значення - це чистий текст (наприклад, "тест"), ви також можете скористатися методом text (). подобається це:

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

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

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

таким чином сценарій виконується після синтаксичного аналізу HTML-коду div у браузері.

— farzad
джерело

3

Коли я ставив це як div.total-value, він не працював. Але після того, як це

— зроблено

навіщо потрібно обробляти анонімну функцію? чи буде це працювати без цього?

— Nahser Bakht

Оскільки сторінка ще не налаштована, якщо вона не завершила завантаження, тому div може ще навіть не існувати, якщо просто поставити необроблений код на верхній рівень, скажімо, <head>.

— DragonLord

потрібна функція готовості або анонім, щоб відкласти оцінку. У цьому надмірному випадку я вважаю, що код надмірний, але він заохочує вирізати та вставляти програмістів, щоб уникнути помилок пізніше.

— DragonLord

так, я думаю, це повинно бути$('#div.total-title').text('test');

— hynsey

9

Щоб розмістити текст, використовуйте .text('text')

Якщо ви хочете використовувати .html(SomeValue) , SomeValue повинен мати теги html, які можуть бути всередині div, він теж повинен працювати.

Просто перевірте своє місце розташування сценарію, як сказав farzad.

Посилання: .html та текст

— MaLKaV_eS
джерело

5

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

— Алекс Х.
джерело

текст застарілий, для версії 1.4 або новішої.

— Rishabh

4

Ви посилалися на файл JQuery JS, чи не так? Немає причин, чому відповідь farzad не може спрацювати.

— djdd87
джерело

0

При використанні .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>

— Джо Смо
джерело

0

використовуйте, як показано нижче:

<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>

— Рішабх
джерело