jQuery:html()函数与真实HTML不匹配

Question

我想获得div的精确html内容.

使用jQuery中的html()函数时,结果与实际内容不匹配.

请检查这个小提琴并单击黑色方块:

http://jsfiddle.net/qRska/6/

代码:

<div id="mydiv" style="width:100px; height: 100px; background-color:#000000; cursor:pointer;">

    <div id="INSIDE" style="background-color:#ffffff; border-style:none;"></div>

</div>

$('#mydiv').click(function() {
    alert($(this).html());
});

jQuery将颜色更改为RGB格式并删除border-style属性.

我怎么解决这个问题？

Answer 1

浏览器使用HTML,生成DOM,然后丢弃HTML.innerHTML(这是.html()最终命中的)将DOM的序列化返回给HTML.

如果要获取原始HTML,则需要使用XMLHttpRequest获取当前URL的源代码,然后自行处理.