获取下一个 DOM 元素的 ID

Question

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

Answer 1

Try this:

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

1. $(".className") : select elements with class className
2. .click() : jQuery onclick handler
3. $(this) : selects element again
4. .next() : get next element
5. .attr("id") : retrieve id attribute

If you want to get it on click, add a click() handler

Answer 2

You could use jQuery next function to select the "immediately following sibling":

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

Answer 3

Use next() to get the next element and use attr() to get its 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>