盡管它應該非常簡單，但由于某種原因，它不起作用。有人能告訴我為什么嗎？在 HTML 中，我創建了這個按鈕：<button id="T4">Hide</button>在 jQuery 中，我創建了這個函數來在單擊同一按鈕時更改該按鈕的文本。$(document).ready(function() { $("#T4").click(function() { $("#T4").prop('value', 'Show'); });});現在我想做的是，我有一個帶有文本“隱藏”的按鈕，當單擊它時，它會將其文本更改為“顯示”。很簡單吧？但由于某種原因，它似乎不起作用。有人可以幫我解決這個問題嗎？
5 回答
aluckdog
TA貢獻1847條經驗 獲得超7個贊
只需使用text()：
$(document).ready(function(){
$("#T4").click(function(){
$("#T4").text('Show');
});
});
浮云間
TA貢獻1829條經驗 獲得超4個贊
簡單，只需使用text()，因為你沒有輸入值屬性
$(document).ready(function(){
$("#T4").click(function(){
$("#T4").text('Show');
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="T4">Hide</button>
qq_花開花謝_0
TA貢獻1835條經驗 獲得超7個贊
有很多方法可以實現這一目標。
方法一：
使用html()。
這是一個例子：
$(document).ready(function(){
$("#T4").click(function(){
$("#T4").html("Show");
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<button id="T4">Hide</button>
方法二：
使用<input>元素代替<button>.
這是一個例子：
$(document).ready(function(){
$("#T4").click(function(){
$("#T4").attr("value", "Show");
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="button" id="T4" value="Hide">
方法三：
使用純 JavaScript ( innerHTML)。
這是一個例子：
$(document).ready(function(){
$("#T4").click(function(){
document.getElementById('T4').innerHTML = "Show";
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<button id="T4">Hide</button>
這就是你想要做的（使用html()）：
let bShow = true;
$(document).ready(function(){
$("#T4").click(function(){
if(bShow == true) {
$("#T4").html("Show");
bShow = false;
} else if(bShow == false) {
$("#T4").html("Hide");
bShow = true;
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<button id="T4">Hide</button>
現場演示： https: //codepen.io/marchmello/pen/zYvBMJR
慕慕森
TA貢獻1856條經驗 獲得超17個贊
$(document).ready(function(){
$("#T4").click(function(){
$("#T4").html('show');
});
});
我認為你必須使用 html() 來更改 jquery 中任何元素的文本。
侃侃無極
TA貢獻2051條經驗 獲得超10個贊
$(document).ready(function() {
$("#T4").click(function(){
$(this).text('Show');
});
});
- 5 回答
- 0 關注
- 327 瀏覽
添加回答
舉報
0/150
提交
取消