jQuery 如何获取除第一行之外的所有行 HTML？

Question

我有一个表，我想在其中获取除第一行之外的所有行的 HTML。

<table id="files-table">
     <tbody>
          <tr>
             <th class="text-left">Name</th>
             <th>Type</th>
             <th class="delete-th">Delete</th>
          </tr>
          <tr>
             <td class="text-left"><label class="label-none">a.docx</label></td>
             <td><label class="label-none">Manuscript</label></td>
             <td><input type="checkbox" class="del-cb"></td>
          </tr>
          <tr>
             <td class="text-left"><label class="label-none">test2.doc</label></td>
             <td><label class="label-none">Manuscript</label></td>
             <td><input type="checkbox" class="del-cb"></td>
          </tr>
      </tbody>
</table>

当我使用时

$('#files-table> tbody > tr').not(':first').html()

我只获得了第二行的 HTML，第三行的 HTML 在哪里？

Answer 1

因为 html 方法返回第一个匹配元素的 html 内容。

Get the HTML contents of the first element in the set of matched elements.

您可以使用each()方法，试试这个:

$('#files-table> tbody > tr').not(':first').each(function(){
   console.log($(this).html())
})

<强> Fiddle

你可以定义一个变量并存储匹配元素的html内容:

var html = '';

$('#files-table> tbody > tr:not(":first")').each(function(){
   html += $(this).html()
})