获取下一个DOM元素的ID

Question

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

Answer 1

试试这个：

$(".className").click(function() {
    $(this).next().attr("id");
});

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

如果您想点击它，请添加click()处理程序

Answer 2

使用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>

Answer 3

你可以使用jQuery next函数来选择＆＃34;紧随兄弟之后＆＃34;：

$(function() {
    $(".yourClassName").click(function() {
        $yourNextElementId = $(this).next().attr("id");
    });
});