Javascript jQuery:仅获取的html

我有这个密码。它返回所有td代码，包括td/td标签。我希望它只返回td的内容/html

<td>Hey</td> 

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>" }

<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>

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

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

从如下所示的html：

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>" }

<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>

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

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

---

所以数组很好，除了我只需要td中的html/文本

您需要在选择器中再下一级，如下所示：

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>" }

<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>

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

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

或者，只需使用或，如下所示：

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>" }

<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>

jQuery(".ReportTable", html).each(function (index, tr) {
  arr[index] = jQuery("tbody tr td", tr).map(function (index, td) { return jQuery(td).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。您需要在选择器中再向下一级，如下所示：

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>" }

<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>

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

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

或者，只需使用或，如下所示：

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>" }

<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>

jQuery(".ReportTable", html).each(function (index, tr) {
  arr[index] = jQuery("tbody tr td", tr).map(function (index, td) { return jQuery(td).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，那么为什么不在选择器中选择TD而不是TR，然后从那里开始工作呢？jQuery的html函数利用了htmlElement.innerHtml，因此，一旦选择了正确的元素，就不会有任何问题。

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

在我看来，最简单的解决方案是直接在TDs上工作，而不是先选择它们的父元素。下面的代码解决了这个问题吗？我可能误解了——如果是这样的话，我道歉

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

---

在我看来，最简单的解决方案是直接在TDs上工作，而不是首先选择它们的父级。下面的代码解决了这个问题吗？我可能误解了——如果是这样的话，我道歉

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

---

您正在对一个ID选择器使用每个。请告诉我，您没有多个ID为ReportTable的元素。你不能重用ID。你能发布你正在处理的标记吗？这可以简化很多，但需要确定您的标记。您正在针对ID选择器使用每个标记。请告诉我，您没有多个ID为ReportTable的元素。你不能重用ID。你能发布你正在处理的标记吗？这可以简化很多，但需要确定标记。OP使用了一些令人困惑的名称作为函数参数。我有一种感觉，当OP执行时，每个函数索引，tr{…，例如，他认为tr选择的是a，而不是引用当前的迭代值。同样，对于td in.mapfunction索引，td。也许值得一提？@patrick-在问题中添加了一个标记请求，实际上它可以进一步精简…虽然很难说他想要的是什么，但问题确实没有给出答案大量的上下文。好主意。尽管基于OP给引用a的参数命名为td的事实，如果他认为td导致.map在元素上迭代，我也不会感到惊讶。@patrick-同意，这些变量使得这里似乎有一些混淆的概念，OP使用了一些令人困惑的名称作为函数参数。I h有一种感觉，当OP执行时。每个函数索引，tr{…，例如，他认为tr选择的是a，而不是引用当前的迭代值。同样，对于td in.mapfunction索引，td。也许值得一提？@patrick-在问题中添加了一个标记请求，实际上它可以进一步精简…虽然很难说他想要的是什么，但问题确实没有给出答案很多上下文。好主意。虽然OP给引用a的参数命名为td，但如果他认为td导致.map在元素上迭代，我也不会感到惊讶。@patrick-同意，这些变量让这里看起来有一些混淆的概念，作为旁注，我实际上更喜欢使用$html.findReportTable td-我认为它更容易阅读。在幕后，jQuery对两者都一视同仁，因此对于人类可读性，我使用find方法：作为旁注，我实际上更喜欢使用$html.findreportable td-我认为它更容易阅读。在幕后，jQuery对两者都一视同仁，因此对于人类可读性，我使用find方法：