如何获取从jquery动态追加元素的完整表

时间:2014-10-14 07:41:07

标签: javascript jquery html

我的html页面中有一个表格,如下所示 -

 <table style='color:darkblue;' height = '219' class='table-main' id='packageList2' border = '1' bordercolor = '#ccc' cellpadding = '0' cellspacing = '0' >
                                <th>Services</th>
                                <th>Frequency</th>
                                <th>Silver</th>
                                <th>Gold</th>
                                <th>Platinum</th>
                            </table>

通过使用JSON数据动态地通过jquery将所有其他元素附加到此表中。在此之后我通过使用 -

将这个表作为jquery中的html变量获取
var table= $('#packageList2').html();

我只得到并且不是附加数据。  请帮助我如何将完整的表格作为html包括附加数据。

2 个答案:

答案 0 :(得分:0)

$('#packageList2').prop('outerHTML')

请参阅http://jsfiddle.net/cg6q8pgp/

答案 1 :(得分:0)

可能是jquery框架有关于表的缓存。所以你必须使用document.getElementById来获取元素,然后使用$()包装结果。

代码就像: $(document.getElementById('packageList2')).html()