javascript - 使用 Jquery 从 <tr> 元素获取源代码

标签 javascript jquery

<分区>

我正在尝试使用 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"

enter image description here

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

那么如何获取元素的HTML源码才是正确的呢?我只需要这部分作为字符串:

<tr class="red-background">

最佳答案

Working fiddle .

在我的示例中,您需要使用索引 [0] 选择要定位的 tr 行,然后选择 outerHTML 和拆分结果然后最终得到第一行:

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>

关于javascript - 使用 Jquery 从 <tr> 元素获取源代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51596177/

相关文章:

javascript - SVG3d : Controlling the rotation of a path with an easing function

javascript - 当您有很多选项时,GUI 替代 <select>

jquery - 我如何追踪这些 Firefox 警告消息?

javascript - 单击时在两个函数循环之间切换

css - 在为动态加载 div 实现 Accordion 时遇到问题

JQuery 加载需要使用新的事件处理程序更新 DOM

javascript - 如何使用 jQuery 切换和动画使外部 div 在单击时从左侧进入,在 ri-click 时转到右侧?

javascript - CoSTLy 不可变操作

javascript - 稀疏数组在 JavaScript 中有哪些用例?

javascript - 如何动态创建嵌入到页面的多个 YouTube 视频?