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