jQuery html()方法获取tr/td/th标签的HTML的代码获取不到,只能获取到里面的值
下载有这样一段dom
<div id="div-a" ><tr class="collect-tr"><td>汇总</td><td>全部活动</td><td>汇总</td><td>汇总</td><td>汇总</td></tr></div>
调用jq html方法
//调用jq html方法输出var html = $("#div-a").html()console.log(html)
输出结果:
解决办法:
没有table标签的tr/td/th HTML元素是不正确的需要加上table标签
<div id="div-a" ><table><tr class="collect-tr"><td>汇总</td><td>全部活动</td><td>汇总</td><td>汇总</td><td>汇总</td></tr></table></div>
再次输出正常
//调用jq html方法输出var html = $("#div-a").html()console.log(html)
将其直接拼接到另一个table里面会自动去掉这力的table和tbody标签
例子:
表格的第一行取模板行其他行用后台返回的list
<table><thead><tr><th>日期</th><th>广告名称</th><th>点击流量</th><th>到达活动流量</th><th>高质量流量</th></tr></thead><tbody id="tbody"></tbody></table>
// 例子。表格的第一行取模板行其他行用后台返回的listvar html = $("#div-a").html()console.log(html)// data是后台返回的数据data.entity.forEach(function (obj) {html += "<tr >"html += "<td>" + obj.xxx + "</td>"html += "<td >" + obj.xxx + "</td>"html += "<td >" + obj.xxx + "</td>"html += "<td >" + obj.xxx + "</td>"html += "<td >" + obj.xxx + "</td>"html +="</tr>"})$("#tbody").html(html)