时间戳

首页 > 解决方案 > 如何使用 jquery 定位最后一个可见元素类型

javascript - 如何使用 jquery 定位最后一个可见元素类型

问题描述

我需要一些帮助 我有一个 drupal 网络表单，如果先前的文本输入有内容，新的表单元素会在其中有条件地显示。

我想要做的是选择所有当前可见的输入，然后专门针对最后一个（最近显示的）。

问题是这针对每个 .form-item 中的最后一个子项，而不是直接针对最后一个表单项本身。

$(".webform").on("change", function() {
  $(".form-item:visible").each(function() {
    if ($(this).is(":last-of-type")) {
      //Do whatever
    }
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="webform">
  <div class="form-item" style="display:block">
  </div>
  <div class="form-item" style="display:block">
  </div>
  <div class="form-item" style="display:block">
  </div>
  <div class="form-item" style="display:none">
  </div>
</div>

标签： javascriptjquerywebforms

解决方案

你可以使用这个jQuery:last选择器来简化你的流程

$('.form-item:visible:last')

推荐阅读