获取下一个 DOM 元素的 ID

Get ID of next DOM element

本文关键字：ID 元素 DOM 下一个 获取      更新时间：2023-09-26

如何在单击类后获取元素的 ID？

试试这个：

$(".className").click(function() {
    $(this).next().attr("id");
});
  1. $(".className")：选择具有类className的元素
  2. .click() ： jQuery onclick handler
  3. $(this)：再次选择元素
  4. .next()：获取下一个元素
  5. .attr("id")：检索id属性

如果要在单击时获取它，请添加click()处理程序

使用 next() 获取下一个元素，并使用 attr() 获取其 ID"：

$(document).ready(function() {
  $('.sample_class').click(function() {
    alert($(this).next().attr('id'))
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="sample_class">element with class</div>
<div id="sample_id">next element with id</div>

您可以使用 jQuery next函数来选择"紧随其后的兄弟姐妹"：

$(function() {
    $(".yourClassName").click(function() {
        let yourNextElementId = $(this).next().attr("id");
    });
});
相关文章：