Use jquery to set value of div tag

html, jquery

Solution

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.

Problem

I have this html div tag defined: ``` <div style="height:100px; width:100px" class="total-title"> first text </div> ``` I have jquery code to change its value: ``` $('div.total-title').html('test'); ``` But this does not change the content of the div.

Original source