盡管它應(yīng)該非常簡單，但由于某種原因，它不起作用。有人能告訴我為什么嗎？在 HTML 中，我創(chuàng)建了這個(gè)按鈕：<button id="T4">Hide</button>在 jQuery 中，我創(chuàng)建了這個(gè)函數(shù)來在單擊同一按鈕時(shí)更改該按鈕的文本。$(document).ready(function() { $("#T4").click(function() { $("#T4").prop('value', 'Show'); });});現(xiàn)在我想做的是，我有一個(gè)帶有文本“隱藏”的按鈕，當(dāng)單擊它時(shí)，它會將其文本更改為“顯示”。很簡單吧？但由于某種原因，它似乎不起作用。有人可以幫我解決這個(gè)問題嗎？
5 回答
aluckdog
TA貢獻(xiàn)1847條經(jīng)驗(yàn) 獲得超7個(gè)贊
只需使用text()：
$(document).ready(function(){
$("#T4").click(function(){
$("#T4").text('Show');
});
});
浮云間
TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超4個(gè)贊
簡單，只需使用text()，因?yàn)槟銢]有輸入值屬性
$(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貢獻(xiàn)1835條經(jīng)驗(yàn) 獲得超7個(gè)贊
有很多方法可以實(shí)現(xiàn)這一目標(biāo)。
方法一：
使用html()。
這是一個(gè)例子：
$(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>.
這是一個(gè)例子：
$(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)。
這是一個(gè)例子：
$(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>
現(xiàn)場演示： https: //codepen.io/marchmello/pen/zYvBMJR
慕慕森
TA貢獻(xiàn)1856條經(jīng)驗(yàn) 獲得超17個(gè)贊
$(document).ready(function(){
$("#T4").click(function(){
$("#T4").html('show');
});
});
我認(rèn)為你必須使用 html() 來更改 jquery 中任何元素的文本。
侃侃無極
TA貢獻(xiàn)2051條經(jīng)驗(yàn) 獲得超10個(gè)贊
$(document).ready(function() {
$("#T4").click(function(){
$(this).text('Show');
});
});
- 5 回答
- 0 關(guān)注
- 367 瀏覽
添加回答
舉報(bào)
0/150
提交
取消