jQuery：获取​​的html只有

Question

我有这段代码。它返回包含td/td标签的所有td代码。我希望它只是返回TD的内容/ HTML

<td>Hey</td> 

应该给我只是

Hey 

 

jQuery("#ReportTable", html).each(function (index, tr) { 
    arr[index] = jQuery("tbody tr", tr).map(function (index, td) { 
     return jQuery(td).html(); 
    }); 
}); 

jQuery代码给我一个数组看起来像这样：

arr[0] = {"<td>1</td>", "<td>Hey</td>", "<td>Some data</td>" } 
arr[1] = {"<td>2</td>", "<td>There</td>", "<td>Some other data</td>" } 

从HTML看起来像这样：

<table id="ReportTable"><tr><td>1</td><td>Hey</td><td>Some data</td></tr><tr><td>2</td><td>There</td><td>Some other data</td></tr></table> 

所以数组，例外的是我只需要内部运输署的HTML /文佳。

Answer 1

你需要去往下一个多水平在你的选择，像这样：

jQuery(".ReportTable", html).each(function (index, tr) { 
    arr[index] = jQuery("tbody tr td", tr).map(function (index, td) { return jQuery(td).html(); }); 
}); 

或者，只是使用.text()代替或.html()，像这样：

jQuery(".ReportTable", html).each(function (index, tr) { 
    arr[index] = jQuery("tbody tr", tr).map(function (index, td) { return jQuery(td).text(); }); 
}); 

（我有".ReportTable"代替"#ReportTable"，因为问题ID上的注释需要是唯一的...所以如果有多个，您应该使用class="ReportTable"）

Answer 2

那么为什么不在选择器中选择TD而不是TR，并从那里开始工作？ jQuery的html（）函数利用htmlElement.innerHtml，因此，一旦选择了正确的元素，就不会有任何问题。

Answer 3

在我看来，最简单的解决方案是直接在TD上工作，而不是先选择父项。下面的代码是否解决了这个问题？ （我可能误解了 - 道歉，如果是这种情况！）

jQuery("#ReportTable td", html).each (function (index) { 
    arr[index] = jQuery(this).html(); 
} 

Answer 4

那么为什么不在选择器中选择TD而不是TR，并从那里开始工作？ jQuery的html（）函数利用htmlElement.innerHtml，因此，一旦选择了正确的元素，就不会有任何问题。

Answer 5

在我看来，最简单的解决方案是直接在TD上工作，而不是先选择父项。下面的代码是否解决了这个问题？ （我可能误解了 - 道歉，如果是这种情况！）

jQuery("#ReportTable td", html).each (function (index) { 
    arr[index] = jQuery(this).html(); 
}