jquery - 如何根据选中的复选框选择div中的最后一个元素

Question

$(".a").on('click',function(){
   alert($(this).next('input[type="hidden"]').attr('value'))

})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="id">
    <div>
        <strong><input type="checkbox" value="1" class="a"> chbox1</strong>
         <input type="hidden" value="1">   
    </div>    
    <div>
        <strong><input type="checkbox" value="1" class="a"> chbox1</strong>
         <input type="hidden" value="2">   
    </div>    
</div>

更改复选框状态时如何获取隐藏元素值？
有人知道让我知道吗？
谢谢

Answer 1

代码中的隐藏输入不是复选框的同级，您应该首先使用 $(this).parent() 或 $(this.parentNode 选择父元素)。

$(this.parentNode).next('input[type="hidden"]').val();