獲取下一個DOM元素的ID

Question

如何在單擊類後獲取元素的ID？

Answer 1

試試這個：

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

1. $(".className")：選擇具有類className
2. .click()元素：jQuery的onclick處理
3. $(this)：選擇元素再次
4. .next()：獲得下一個元素
5. .attr("id")：檢索id屬性

如果你想要得到它的點擊，添加click()處理

Answer 2

您可以使用jQuery next功能選擇 「緊隨兄弟」：

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

Answer 3

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