选择没有第一列 (td) 的 HTML 表的最后一行 (tr) 的所有列答案

【问题标题】：Selecting all columns of last row (tr) of a HTML table without the first column (td)选择没有第一列 (td) 的 HTML 表的最后一行 (tr) 的所有列
【发布时间】：2018-08-21 22:42:21
【问题描述】：

我正在尝试为没有第一列的表格的最后一行选择 HTML。

例如，如果表格看起来像这样 -

<table>
  <tr>
    <td>col1</td>
    <td>col2</td>
    <td>col3</td>
  </tr>
  <tr>
    <td>col21</td>
    <td>col22</td>
    <td>col23</td>
  </tr>
</table>

输出应该是 -

<td>col22</td>    <td>col23</td>

我能得到的最接近的是 -

var actions = $("table tr:last:not(:first-child)").html();

但这是打印所有列。任何帮助将不胜感激。

【问题讨论】：

我认为您的问题并不清楚。怎么可能没有第一列？如果是这样，你的意思是是空的吗？

标签： jquery html html-table

【解决方案1】：

:not(:first-child) 应该在最后一行的 tds 上，而不是在行本身上。

var actions = $("table tr:last td:not(:first-child)").html();

【讨论】：

这只选择最后一行的第二列。我想要的是除第一列之外的最后一行的所有列。
没有。它选择所有不是first-child 的列。
让我们试着检查一下。你从$("table tr:last td').length（所有列）得到什么，你从$("table tr:last td:not(:first-child)").length得到什么？（应该都是负1）
请看这个jfiddle。它只提醒第二列。
它使列正确。将html() 更改为length，您将看到2 列。关键是html 函数只返回第一个元素。看看这个小提琴jsfiddle.net/boilerplate/jquery

【解决方案2】：

为了达到预期的结果，使用下面的选项，获取最后一行的 tds，它将返回数组，然后循环遍历 tds 并控制除第一列之外的每一列

var actions = $("table tr:last td").each(function( i, val ) {
  if(i !==0){
      console.log($(this).html());
  }
})

codepen-https://codepen.io/nagasai/pen/zJxrGv

代码示例供参考

var actions = $("table tr:last td").each(function( i, val ) {
  if(i !==0){
      console.log($(this).html());
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<head>
<style>
table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #dddddd;
}
</style>
</head>
<body>

<h2>HTML Table</h2>

<table>
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>
    <td>Mexico</td>
  </tr>
  <tr>
    <td>Ernst Handel</td>
    <td>Roland Mendel</td>
    <td>Austria</td>
  </tr>
  <tr>
    <td>Island Trading</td>
    <td>Helen Bennett</td>
    <td>UK</td>
  </tr>
  <tr>
    <td>Laughing Bacchus Winecellars</td>
    <td>Yoshi Tannamuri</td>
    <td>Canada</td>
  </tr>
  <tr>
    <td>Magazzini Alimentari Riuniti</td>
    <td>Giovanni Rovelli</td>
    <td>Italy</td>
  </tr>
</table>

</body>
</html>

【讨论】：