javascript - jQuery - 如何根据子项的属性选择父项？

Question

如何根据 child 的属性选择 parent ？

我想选择一个div:

有一个带有 radio 的 child :已选中

<div> <input id="1" type="radio"/> </div>
<div> <input id="2" type="radio"/> </div>

例如。

$('div radio:checked').click(function(){
     $(*** div parent based on radio:checked ***).css({'background':'#F00'});
});

Answer 1

closest()

$('div radio:checked').click(function(){
    $(this).closest('div').css({'background':'#F00'});
});

如果您想要最近的“父级”div，即使它高出几级。

parent()

$('div radio:checked').click(function(){
    $(this).parent('div').css({'background':'#F00'});
});

如果你想要直接 parent

有趣的是，您可以使用 :has 进行某种反向查找选择器喜欢

$('div:has(radio:checked)').click(function(){
    $(this).css({'background':'#F00'});
});