jQuery, Firefox 和鉻的區別

Question

例如，我有這個 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>
    .....

然后我在 Firefox 和 Chrome 瀏覽器中運行這個 jQuery 代碼：

$('.no')[0]

在 Chrome 中我有：

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

但是在 Firefox 我沒有完整的元素：

<span class="no">

這種差異確實在我的項目中造成混亂，請解釋我為什么以及如何避免這個問題。 謝謝

Answer 1

這可能就是 firebug 或 chrome 調試器顯示它的方式。 你有沒有試過做類似的事情

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