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