Question

我想要的是select div仅在其旁边的输入标签的值为零时才显示。我该怎么做呢？这是jsfiddle http://jsfiddle.net/mdanz/xdFkJ/

<style type="text/css">
.select {
overflow:hidden;
display:block;
background-color:red;
width:100px;
height:100px;
}

</style>
<script type="text/javascript">
$(function() {
var value = $('.row').val();

  if(value!=0) {
  $('.select').hide();  

  }

});
</script>

<div class='select'></div><input type='text' class='row' value='0' />
<div class='select'></div><input type='text' class='row' value='1' />
<div class='select'></div><input type='text' class='row' value='1' />
<div class='select'></div><input type='text' class='row' value='0' />

Answer 1

$(function() { 
  $('input.row').change(function () {
    var $this = $(this);
    if ($this.val() != "0") {
      $this.prev().hide();
    } else {
      $this.prev().show();
    }
  });

  $('input.row').trigger('change');
});

这是小提琴http://jsfiddle.net/jfhartsock/xdFkJ/3/。请注意，修改输入时，这也会隐藏div。

Answer 2

你可以这样做，

  $(function() {
    $("input.row").change(function(){
      if($(this).val()=="0"){
         $(this).prev().show();
       }else{
         $(this).prev().hide();
        }

    });

 });

Answer 3

使用;

$(function() {

    $(".select").each(function() {
       var value = $(this).next('.row').val();

       if(value!=0) 
           $(this).hide();

    });
});

顺便说一下 - 你把小提琴放到了mootools。查看我的fiddle：

jquery隐藏元素取决于输入标记的值

3 个答案: