Question

我有一个应用程序，有红葡萄酒和葡萄酒。如果选择某种东西作为红葡萄酒，那么应该将相应的葡萄酒设置为仅检查并设置为禁用。这是一个小提琴：http://jsfiddle.net/z5FYR/

基本上，有没有办法让我限制范围（而不是内部div-基本上就像'潜艇'但没有别的东西）？或者我应该选择像data-id ='23'那样的次要东西？

THX

编辑＃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);
    });
});

选择同一div中的类但不选择其他类

2 个答案: