jquery - 我怎么知道 id 前一个元素

Question

单击时我怎么知道id<span class="CheckBox">复选框？

代码：

<div id="checkbox">
<input type="checkbox" id="demo" name="status" class="status" style="display: none; ">
<span class="CheckBox">
<span class="CBContent">Block</span>
<span class="CBPart"></span>
</span>
</div>

启动代码 Jquery：

$(document).ready(function(){
$('.CheckBox').on("click", function(){

应该采取什么进一步行动？

Answer 1

尝试这个：

$('.CheckBox').on("click", function(){
  var $checkbox = $(this).prev();
  var $id = $checkbox.attr("id");
});

Answer 2

您需要使用 jquery prev()，

现场演示

$(document).ready(function() {
    $(document).on("click", '.CheckBox', function() {
        previousId = $(this).prev().attr('id');
        alert(previousId);
    });
});​