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

Posted 2023-05-09

【中文标题】使用jquery设置di​​v标签的值

【英文标题】：Use jquery to set value of div tag

【发布时间】：2010-12-06 22:53:43

【问题描述】：

我定义了这个 html div 标签：

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

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

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

但这并不会改变 div 的内容。

【问题讨论】：

你在哪里执行语句：$('div.total-title').html('test'); ??

如果在 DOM 准备好后调用 js-code，代码绝对没有问题。 Farzad，答对了。

【参考方案1】：

如果您的值是纯文本（如“测试”），您也可以使用 text() 方法。像这样：

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

无论如何，关于您分享的问题，我认为您可能在将 DIV 的 HTML 代码发送到浏览器之前调用了 javascript 代码。确保你在

之后的

【讨论】：

当我把它写成 div.total-value 时它不起作用。但是在使它像#total-value 之后它起作用了

为什么需要围绕匿名函数说唱？没有它还能用吗？

因为如果页面还没有完成加载，页面还没有设置，所以如果你只是把原始代码放在顶层，比如 .

需要准备好的或匿名的函数，以延迟评估。在这种多余的情况下，我认为代码是多余的，但它鼓励剪切和粘贴软件维护人员以避免以后出错。

是的，我想应该是$('#div.total-title').text('test');

【参考方案2】：

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

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

如 farzad 所说，只需检查您的脚本位置即可。

参考：.html 和 text

【参考方案3】：

试试这个功能$('div.total-title').text('test');

【讨论】：

文本现在已过时，适用于 v1.4 或更高版本。

【参考方案4】：

您已经引用了 jQuery JS 文件，不是吗？ farzad 的答案没有理由不工作。

【参考方案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>

【参考方案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>