javascript - 仅当 jquery 中的按钮中有值时才显示按钮？

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();
  }
})

在这里工作小提琴

Answer 2

用于.each()遍历和检查所有按钮：示例

$.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();
}