jQuery,Firefox和Chrome的区别

meg*_*gas 2 html javascript firefox jquery google-chrome

例如,我有这段html代码:

    .....
    <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>
    .....
Run Code Online (Sandbox Code Playgroud)

然后我在Firefox和Chrome浏览器中运行这个jQuery代码:

$('.no')[0]
Run Code Online (Sandbox Code Playgroud)

在Chrome中,我有:

<span class=?"no">?   1?</span>?
Run Code Online (Sandbox Code Playgroud)

但在Firefox中,我还没有完整的元素:

<span class="no">
Run Code Online (Sandbox Code Playgroud)

这种差异真的让我的项目变得混乱,请解释我为什么以及如何避免这个问题.谢谢

par*_*mar 5

这可能只是firebug或chrome调试器显示它的方式.你有没有试过做类似的事情

alert ( $('.no')[0].html() );
Run Code Online (Sandbox Code Playgroud)