0

繰り返し要素がある

     <input style="display:inline" class="chkClass" type="checkbox" value="1"/>
     <div class="other">
 //something
     </div>

     <input style="display:inline" class="chkClass" type="checkbox" value="1"/>
     <div class="other">
 //something
     </div>
     ....

チェックボックスの変更により、次の「その他」クラスのみを表示したい。それは動作しません:

     $('.other').hide(); //hide all "other" elements

         $('.chkClass').live('change', function(){
            if($(this).is(':checked')){
                $(this).next('.other').show();
        }
       });
4

2 に答える 2

0

nextAllをクエリで使用する

$('.chkClass').on('change', function(){
       if($(this).is(':checked')){
          $(this).nextAll('.other:hidden:first').show();
       }
});
于 2012-07-14T19:21:45.197 に答える
0

わかりましたが、すべての要素に ID を設定する必要がありました。

    $('.allOther').hide();


    $('.chkClass').on('change', function(){
            if($(this).is(':checked')){
                var array = $(this).attr('id').split('_');
                $('#other'+array[1]).show("slow");

            }
        });

        <input style="display:inline" class="chkClass" id="smthng_<?php echo $counter ?>" type="checkbox" value="1"/>
    <div id ="other<?php echo $counter ?>" class="allOther">
于 2012-07-15T11:06:34.483 に答える