-1

私はこのようなボタンを持っています：

  <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>
4

3 に答える 3

2

使用する必要があり、使用する必要はtext()ありませんval()。複数のボタンの場合は、ボタンをループする必要があります。

これを試して

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

ここで働くフィドル

于 2013-03-14T07:00:02.610 に答える
1

.each()すべてのボタンをトラバースしてチェックするために使用します：サンプル

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

あなたのコード.val()は<input type="submit"/>ボタンで機能します

于 2013-03-14T07:00:26.973 に答える
1

text代わりに使用valすると、トリックが実行されます

if(!$('button').text()){
   $('button').hide();
}
else {
  $('button').show();
}
于 2013-03-14T07:04:02.353 に答える