javascript - 如何使用 jQuery Closest() 函数获取元素的 Id

Question

我有以下 HTML 结构，当我选择我的选择器时，我无法获得单选按钮的值，如下面的 Jquery 代码中所述。

<div class="option-radio-box">
<input id="pixel" class="css-checkbox" type="radio" value="pixel" name="type">
<label class="css-label" for="radio1">
<img width="25" height="20" alt="" src="images/opt-ico1.png">
Pixel by
<span>Pixel</span>
</label>
</div>
<div class="option-radio-box">
<input id="pair" class="css-checkbox" type="radio" checked="checked" value="pair" name="type">
<label class="css-label" for="radio2">
<img width="25" height="20" alt="" src="images/opt-ico2.png">
Duplicate
<span>Search</span>
</label>
</div>

然后是 Jquery 代码，

  $('.css-label').on('click', function() {
  alert(jQuery(this).closest('input:radio[name=type]').id);});

Answer 1

单选按钮不是父按钮，而是兄弟按钮，jQuery 对象没有.id 属性

$('.css-label').on('click', function() {
      alert( $(this).siblings('input:radio[name=type]').prop('id') );
});

FIDDLE