僅當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() ..和incaseof多個按鈕，您需要通過按鈕循環...

試試這個

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