Question

我定义了这个html div标签：

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

我有jquery代码来改变它的值：

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

但这不会改变div的内容。

Answer 1

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

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

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

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

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

Answer 2

要输入文字，请使用.text('text')

如果你想使用.html(SomeValue)，SomeValue应该有一个html标签，可以在div里面，它也必须工作。

请检查您的脚本位置，正如farzad所说。

参考：.html和text

Answer 3

尝试此功能$('div.total-title').text('test');

Answer 4

你引用了jQuery JS文件不是吗？没有理由说farzad的答案不起作用。

Answer 5

使用.html()方法时，htmlString必须是参数。（source）将您的字符串放在HTML标记内，它应该可以使用，或者按照farzad的建议使用.text()。

示例：

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

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

使用jquery设置div标签的值

6 个答案:

使用jquery设置di​​v标签的值

6 个答案:

使用jquery设置div标签的值