使用Jquery从元素获取源

Question

我正在尝试使用JQuery获取tr元素的来源。

为此，我使用下面的选择器：

$('#mygrid > table tr')

在控制台上，我可以看到此选择器向我返回了此信息：

<tr class="red-background">
<td class="date">10/07/2018</td>
<td class="hora">13:09</td>
</tr>

返回实际上是一个对象，而不是字符串：

typeof $('#grid-historicos > table tr')
"object"

所以我不能使用方法.html()

那么获取元素的HTML源的正确方法是什么？我只需要这部分作为字符串：

<tr class="red-background">

Answer 1

Working fiddle 。

在我的示例中，您需要使用索引tr选择要定位的[0]行，然后选择outerHTML并拆分结果，最后得到第一行：< / p>

console.log($('#mygrid > table tr')[0].outerHTML.split('\n')[0]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="mygrid">
  <table style="width:100%">
    <tr class="red-background">
      <td class="date">10/07/2018</td>
      <td class="hora">13:09</td>
      <td>94</td>
    </tr>
    <tr>
      <td>Eve</td>
      <td>Jackson</td>
      <td>94</td>
    </tr>
  </table>
</div>