2

<div id="element_id">hellow world</div>

var value = $('#element_id').html()

returns the "hello world" sometimes, but not always. val() always works, but not html() This only happens in firefox (always works in Chrome). Any ideas?

EDIT Still haven't figured out the problem yet, but I will post the conclusion once I have found it! Thanks for the responses.

Usman
  • 3,200
  • 3
  • 28
  • 47
whamsicore
  • 8,320
  • 9
  • 40
  • 50

4 Answers4

0

I think this previous question might help you.

P.S. When you say it is sometime working and sometime not working, are there some changes going on the div's content ?

Community
  • 1
  • 1
Biswanath
  • 9,075
  • 12
  • 44
  • 58
  • no, the div content doesn't change. It is loaded from a saved cookie each time. – whamsicore Jan 29 '11 at 07:54
  • then you might have problems dealing with cookies rather than with than .html() function itself, for instance - user can have cookies disabled or performed a cleanup of their cookies recently – Zathrus Writer Jan 29 '11 at 09:46
0

You could try wrapping it into a timeout...

function sayHello() {
  var someContent = $('#element_id').html();
  alert(someContent);
}

setTimeout('sayHello()', 500);

See if it's getting the content far too early?

Barrie Reader
  • 10,647
  • 11
  • 71
  • 139
0

This worked using jQuery 1.4.4. I haven`t tested with other versions.

    $(document).ready(function(){
        function showhtml() {
            var eid = $('div.eid').html();
            alert(eid);
            $('code.status').html(eid);
        }
        showhtml();
    });

Remembering that .text will return only the text inside the div and .html will return the text surrounded by the html tags.

msmafra
  • 1,704
  • 3
  • 21
  • 34
0

The complete unaltered code for you to try:

<!doctype html>
<html lang="pt-br">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <style type="text/css">
            p {color:#4f4}
            code {color:#999;font-family:monospace;font-size:14px}
        </style>
        <script type="text/javascript" src="libraries/jquery-1.4.4.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                function showhtml(n) {
                    //1 for html 0 for text
                    if(n == 1) {
                        var eid = $('div.eid').html();
                        alert(eid);
                        $('code.status').html(eid);
                    } else if(n == 0 || n == null) {
                        var eid = $('div.eid').text();
                        alert(eid);
                        $('code.status').text(eid);
                    }
                }
                showhtml();
            });
        </script>
        <title>jQuery html() text()</title>
    </head>
    <body>
        <div class="eid">
            <p>1 ajfdlk jaldkfjdksljfkldjlfkjal;fd</p>
            <em>2 ajd;fjal;kdjf</em>
        </div>
        <br />
        <hr />
        <code class="status"></code>
    </body>
</html>
msmafra
  • 1,704
  • 3
  • 21
  • 34