Question

我有一个这样的按钮：

  <button> {{ pages.first }}</button>

 <button>{{ pages.last }}</button>

有时值{{pages.first}}可能为空有时不可能。如果值为空，我根本不想显示按钮。我试过这个但是这个隐藏按钮总是：

if(!$('button').val()){
    $('button').hide();
}
else {
    $('button').show();
}

我做错了什么？

我的按钮在代码中如下所示：

<button class="next_prev" onclick="" disabled>{% get_pages %} {{ pages.next }}</button> <button class="next_prev" onclick="" id="last_button" disabled>{% get_pages %} {{ pages.last }}</button>

Answer 1

你需要使用text()而不是val() ..并且需要多个按钮来循环按钮......

试试这个

 $.each($("button"),function(){  //in case of multiple button
  if(!$(this).text()){
    $(this).hide();
   }
  else {
    $(this).show();
  }
})

working fiddle here

Answer 2

使用.each()遍历并检查所有按钮：Sample

$.each($("button"),function(){
  if(!$(this).text().trim()){
     $('this).hide();
  }
  else {
     $(this).show();
  }
});

您的代码.val()适用于<input type="submit"/>按钮

Answer 3

使用text代替val可以解决问题

if(!$('button').text()){
   $('button').hide();
}
else {
  $('button').show();
}

只有当jquery中的按钮中有值时才显示按钮？

3 个答案: