Jquery 在同一个div中选择一个类，但不选择其他类

我有一个包含红酒和葡萄酒的应用程序。如果选择某样东西作为红酒，则该div（且仅该div）中对应的红酒应设置为选中并设置为禁用。这是一把小提琴：

基本上，我有没有办法限制范围（而不是内部div-基本上像这个'subs'，但没有其他）？或者我应该做一个次要的选择，比如数据id='23'之类的

thx

编辑#1 因此，有三个“is wine”实例通过包含在“.subs”类中来划分。我只想选择同一个div中的一个，而不想选择其他两个

试试这个

html

试试jQuery兄弟

---

是我错了还是这是使用单选按钮的正确地方？顺便说一句，您的HTML看起来格式不正确：应该是这样吗：看起来您已经在使用

.parent（）.find（…）

限制范围了。它不是按照您希望的方式工作吗？@roko.subs类是嵌套的，所以实际上就是这样intended@timpone二极管刚刚回答了你的问题。不，不是。如果你在第一行勾选“红酒”，那么所有的“红酒”都会被勾选——根据问题中的描述，只有同一行中的红酒应该被勾选哦，我刚刚注意到你评论说你需要嵌套subs div。在这种情况下，二极管的答案是正确的。

 <div class='subs'>
        wine<input type='checkbox' class='is-wine' />
        red wine<input type='checkbox' class='is-red-wine' />
    </div>

      <div class='subs'>
        wine<input type='checkbox' class='is-wine' />
        red wine<input type='checkbox' class='is-red-wine' />
          </div>  

        <div class='subs'>
        wine<input type='checkbox' class='is-wine' />
        red wine<input type='checkbox' class='is-red-wine' />

        </div>  

$(document).ready(function(){
    $('.is-red-wine').on('change', function(){
       //alert('this changed');
       $(this).parent().find('input.is-wine').attr('checked','status');
        $(this).parent().find('input.is-wine').attr('disabled',true);
    });
});

$(this).siblings('input.is-wine').attr("checked", this.checked);