代码jQuery hide&的算法节目

时间:2015-05-04 06:59:22

标签: javascript php jquery html dom

我有一个关于jQuery hide& amp的问题显示:



<select class='class1'>
  <option value='1'>1</option>
  <option value='2'>2</option>
  <option value='3'>3</option>
</select>
<br>
<input type='text' value='2' class='class2'>
<input type='text' value='2' class='class2'>
<input type='text' value='4' class='class2'>
&#13;
&#13;
&#13;

我的算法:

  1. 如果我选择值2,那么每个class2的值为2 $ .show 别的$ .hide
    或if(class1 == class2)$ .show else $ .hide

  2. 如果我选择值1,然后选择每个class2 $ .show,因为值为class2的值为1

  3. 如何编写此算法的代码:
    我试过这样的

    $.('.class2').each(){
    if(class1==class2){
      class2.show;
    }else{
      class2.hide;
    }
    

    感谢

1 个答案:

答案 0 :(得分:0)

它应该是这样的

$('.select_class').on('change',function(){
  var value = $(this).val();
  $('.show_class').hide();
  $('.show_class[value="' + value +'"]').show();
})

请下次请正确阅读jQuery documentation所有内容写得非常好

<强>更新

$('.select_class').on('change',function(){
  var value = $(this).val();
  $('.show_class').show();
  if(  $('.show_class[value="' + value +'"]').length > 0 )
    $('.show_class[value!="' + value +'"]').hide();
})