使用jquery来设置div标签的值

我有这个html div标签定义:

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

我有jQuery代码来改变它的价值:

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

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

如果你的值是一个纯文本(如“testing”),你也可以使用text()方法。 喜欢这个:

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

无论如何,关于你分享的问题,我想你可能会在DIV的HTML代码被发送到浏览器之前调用JavaScript代码。 确保在<div>之后的<script>标记中调用jQuery行,或者在像这样的语句中:

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

这样脚本在div的HTML被浏览器parsing之后执行。

要放置文本,请使用.text('text')

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

只要检查你的脚本位置,farzad说。

参考: .html和文本

试试这个函数$('div.total-title').text('test');

你有没有引用jQuery JS文件? 没有理由为什么farzad的答案不应该工作。

当使用.html()方法时, htmlString必须是参数。 ( 源 )把你的string放在一个HTML标签中,它应该按照farzad的build议工作或使用.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> 

使用如下:

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