2015-07-01 99 views
0
$("button").click(function() { if ($("#showHideButton").val() == "Read More2") 
    $("#showHideButton").val(function(){ 
    return "Read Less" 
});}); 

我試圖讓按鈕切換值。jquery檢查和更改按鈕值

+0

請顯示您的HTML。理想情況下,製作一個演示問題的[stack snippet](http://meta.stackoverflow.com/questions/270944/feedback-requested-stack-snippets-2-0)。 – Barmar

+1

如果是'

+0

爲什麼你用一個函數返回「Read Less」? 另外,您應該使用「===」來支持「==」作爲經驗法則 - 在這種情況下,它可能並不重要,但在其他情況下肯定會有所影響。所以建議養成只使用「===」的習慣。 –

回答

0

該代碼不言自明。

工作例如:

$("button").click(function() { 
 
    if ($("#showHideButton").text() == "Read More") 
 
     $("#showHideButton").text("Read Less"); 
 
    else 
 
     $("#showHideButton").text("Read More"); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="showHideButton">Read More</button>

0

你可以做這樣的事情:

$("button").on('click', function() { 
    if($(this).text() == 'Read More') { 
     $(this).text('Read Less'); 
    } else { 
     $(this).text('Read More'); 
    } 
}); 

按理說,所以如果你是瘋了擔心開銷switch/case被執行比if/else好, ,你可以這樣做。但我不會擔心,因爲它非常簡單。你可能甚至無法看到兩者之間的差異。