jquery - 在同一个 div 中选择一个类而不是其他类

Question

我有一个包含红葡萄酒和葡萄酒的应用程序。如果某物被选为红酒，则该 div 中的对应酒（且只有该 div）应设置为选中并设置为禁用。这是一个小提琴：http: //jsfiddle.net/z5FYR/

基本上，有没有办法让我限制范围（而不是内部 div - 基本上就像这个'subs'，但没有别的）？还是我应该做一个次要的事情来选择像 data-id='23' 之类的东西？

谢谢

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

Answer 1

尝试 jQuery 兄弟姐妹

http://api.jquery.com/siblings/

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

Answer 2

尝试这个

html

 <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>  

js

$(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);
    });
});