Question

For example I have this snippet of html code:

    .....
    <span class="no">   1</span> require <span class="s"><span class="dl">'</span><span class="k">yaml</span><span class="dl">'</span></span>
    <span class="no">   2</span> require <span class="s"><span class="dl">'</span><span class="k">set</span><span class="dl">'</span></span>
    <span class="no">   3</span>
    <span class="no">   4</span> <span class="r">module</span> <span class="cl">ActiveRecord</span> <span class="c">#:nodoc:</span>
    <span class="no">   5</span>   <span class="c"># Generic Active Record exception class.</span>
    <span class="no">   6</span>   <span class="r">class</span> <span class="cl">ActiveRecordError</span> &lt; <span class="co">StandardError</span>
    <span class="no">   7</span>   <span class="r">end</span>
    .....

Then I’m running this jQuery code in Firefox and Chrome browsers:

$('.no')[0]

In Chrome I’ve got:

<span class=​"no">​   1​</span>​

But in Firefox I’ve got not full element:

<span class="no">

This difference is really makes mess in my project, please explain me why and how to avoid this problem. Thanks

Answer 1

That might be just the way the firebug or chrome debugger displays it. Have you tried doing something like

alert ( $('.no')[0].html() );