Javascript 检查单击的元素是否为最后一个子元素

我想显示警报，当单击elemenet时，它是父元素的最后一个子元素。我的HTML结构：

<div class="row align-self-center " style="margin: 0px;">
  <div class="col-1 d-flex justify-content-center">
  </div>
  <div class="col modyfication-type-col d-flex justify-content-center">
    <span class="nav-element active-nav-element" data-modification-type="1"
      onclick="setActiveModyficationType(this)">1</span>
  </div>
  <div class="col modyfication-type-col d-flex justify-content-center">
    <span class="nav-element" data-modification-type="2"
      onclick="setActiveModyficationType(this)">2</span>
  </div>
  <div class="col modyfication-type-col d-flex justify-content-center">
    <span class="nav-element" data-modification-type="3"
      onclick="setActiveModyficationType(this)">3</span>
  </div>
</div>

我想尝试做这样的事情，但每次都是假的

function setActiveModyficationType(e){
  var a = $(e).is(".align-self-center .col:last-child");
  console.log(a);
}

---

你可以这样做：

var a = $(e).is(".align-self-center .col:last-child span");

一个问题是您正在将

e

（span）与

进行比较。col:last child

您还可以使用

$（e）.parent（）是（“：last child”）

演示

函数setActiveModyficationType（e）{
变量a=$（e）.is（“.align self-center.col:最后一个子跨度”）；
控制台日志（a）；
}

1.
2.
3.

function setActiveModyficationType(e){
  var a = $(e).is(".align-self-center .col:last-child");
  console.log(a);
}

var a = $(e).is(".align-self-center .col:last-child span");