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

air*_*air 74 html jquery

我定义了这个html div标签:

<div style="height:100px; width:100px" class="total-title">
    first text
</div>
Run Code Online (Sandbox Code Playgroud)

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

 $('div.total-title').html('test');
Run Code Online (Sandbox Code Playgroud)

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

far*_*zad 139

如果您的值是纯文本(如'test'),您也可以使用text()方法.像这样:

$('div.total-title').text('test');
Run Code Online (Sandbox Code Playgroud)

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

$(document).ready(
    function() {
        $('div.total-title').text('test');
    }
);
Run Code Online (Sandbox Code Playgroud)

这样,在浏览器解析div的HTML之后,脚本就会执行.

  • 当我把它像div.total-value时,它无法正常工作.但是在使它成为#total-value之后就可以了 (3认同)

MaL*_*_eS 9

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

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

请检查您的脚本位置,正如farzad所说.

参考:.html文字


Ale*_*x H 5

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