表的最后一个td与if语句- jquery

last td of table with if statement - jquery

本文关键字：语句 jquery if 最后一个 td      更新时间：2023-09-26

关于这个问题有很多答案，但没有一个包含任何if语句。所以，我需要这样写:

if($(this) == "last <td> of the row")

我该怎么做呢?由于

你可以使用:last-child选择器来测试它是否是父节点的最后一个子节点。

From jQuery API Doc:

:胎

  • selectorselect父元素的最后一个子元素
  • :last只能匹配一个元素，而:last-child可以匹配多个元素。

所以如果你使用td:last，你只会得到true当点击代码片段中的8(如果你不使用td:last但:last，没有td将测试为真，因为它们都不是DOM中的最后一个元素)

如果你使用:last-child，点击4和8都将测试为真，因为它们都是tr中的最后一个td。

$('td').click(function() {
  console.log($(this).text());
  if ($(this).is(':last-child')) {
    console.log('last');
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<table>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
  </tr>
  <tr>
    <td>5</td>
    <td>6</td>
    <td>7</td>
    <td>8</td>
  </tr>
</table>

相关文章：