Используя jQuery, как мне изменить значение html элементов? (Дела)

Question

Используя ajax-запрос, я хочу изменить содержимое моего div.

<div id="d1">202</div>

Итак, я хочу изменить содержимое на другое число.

$('d1').InnerText???

Кроме того, скажем, я хотел увеличить число, как я мог это сделать? Нужно ли конвертировать в int?

Answer 1

$("#di").html('My New Text');

Ознакомьтесь с jQuery документацией .

Если вы хотите увеличить число, вы должны сделать

var theint = parseInt($("#di").html(),10)
theint++;
$("#di").html(theint);

P.S. Не уверен, что это опечатка или нет, но вам нужно включить # в ваш селектор, чтобы jQuery знал, что вы ищете элемент с идентификатором di. Может быть, если вы приехали из прототипа, вы этого не ожидаете, просто сообщая вам.

Answer 2

Это изменит внутренний текст вашего HTML-элемента.

$('#d1').text(parseInt(requestResponse)++);

Answer 3

Если вы не внедрили html как <b>blah</b>, я бы предложил использовать $("#di").text(), так как он будет автоматически экранировать такие вещи, как <,> и &, тогда как .html() не будет.

Answer 4

Используйте функцию text :

$("#d1").text($("#d1").text() + 1);

Answer 5

$('#d1').html("Html here");

Answer 6

$("#div1").innerHTML="your text goes here..";

Answer 7

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

$('#d1').text('test'); Or $('#d1').html('test');

В любом случае, по поводу проблемы, с которой вы сталкиваетесь, я думаю, что вы, возможно, вызывали код JavaScript перед отправкой кода HTML для DIV в браузер. убедитесь, что вы вызываете строку jQuery в теге после

или в таком выражении, как это:

$(document).ready(
    function() {
        $('#d1').text('test');
    }
);

таким образом, скрипт выполняется после того, как браузер проанализировал HTML-код div.

Answer 8

jQuery('#d1').html("Hello World");