使用 jquery 设置 div 标记的值

我定义了这个 html div 标记:

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

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

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

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

334211 次浏览
小开

To put text, use .text('text')

If you want to use .html(SomeValue), SomeValue should have html tags that can be inside a div it must work too.

Just check your script location, as farzad said.

Reference: .html and text

小开

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

小开
最佳答案

if your value is a pure text (like 'test') you could use the text() method as well. like this:

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

anyway, about the problem you are sharing, I think you might be calling the JavaScript code before the HTML code for the DIV is being sent to the browser. make sure you are calling the jQuery line in a <script> tag after the <div>, or in a statement like this:

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

this way the script executes after the HTML of the div is parsed by the browser.

小开

You have referenced the jQuery JS file haven't you? There's no reason why farzad's answer shouldn't work.

小开

When using the .html() method, a htmlString must be the parameter. (source) Put your string inside a HTML tag and it should work or use .text() as suggested by farzad.

Example:

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

use as below:

<div id="getSessionStorage"></div>

For this to append anything use below code for reference:

$(document).ready(function () {
var storageVal = sessionStorage.getItem("UserName");
alert(storageVal);
$("#getSessionStorage").append(storageVal);
});

This will appear as below in html (assuming storageVal="Rishabh")

<div id="getSessionStorage">Rishabh</div>

提交答案