使用jQuery，如何更改元素html值？ （DIV）

Question

使用ajax请求我想更改div的内容。

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

所以我想将内容更改为其他数字。

$('d1').InnerText???

另外，说我想增加数字，我怎么能这样做？我必须转换为int吗？

Answer 1

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

查看jQuery documentation。

如果你想增加数字，你可以

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

P.S。不确定它是否是拼写错误，但您需要在选择器中包含#以让jQuery知道您正在寻找ID为di的元素。也许如果你来自原型，你不要指望这一点，只是让你知道。

Answer 2

这会改变HTML元素的内部文本。

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

Answer 3

除非您正在嵌入像<b>blah</b>这样的html，否则我建议使用$("#di").text()，因为它会自动转义像＆lt;，＆gt;这样的内容。和＆amp;，而.html()不会。

Answer 4

使用text功能：

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

Answer 5

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

Answer 6

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

Answer 7

如果您的值是纯文本（如'test'），您也可以使用text（）方法。像这样：

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

无论如何，关于你要分享的问题，我想你可能在将DIV的HTML代码发送到浏览器之前调用JavaScript代码。确保在＆lt; script＆gt;中调用jQuery行＆lt; div＆gt;之后的标记，或者在这样的语句中标记：

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

这样，脚本在浏览器解析div的HTML后执行。

Answer 8

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