對于一個學校專案，我正在撰寫一個作品集。我想使用 jQuery hide() 和 show() 在單擊按鈕后出現彈出視窗。
有沒有辦法，用一個單一的代碼，使每個具有 和 id="bouton1" 的 htlm 元素在 id (id=popup1) 中顯示一個具有相同數字的 div。我不知道我是否清楚，我是平面設計專業的學生，??我玩得不開心。
uj5u.com熱心網友回復：
當然，你會做這樣的事情 addClass(),toggleClass()
uj5u.com熱心網友回復：
據我從您的問題中了解到，您想顯示一個其 ID 與按鈕 ID 相同的模式？
您可以使用相同的邏輯來處理您的模態
// This regex just gets the number part from the ID
const re = /bouton(\d )/
$('button.vignette').click(e => {
const res = re.exec(e.target.id)
if(res) {
// "popup" res[1] gives the popup id
$('#content').html("popup" res[1])
}
})<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class = "vignette" id = "bouton1">B1</button>
<button class = "vignette" id = "bouton2">B1</button>
<button class = "vignette" id = "bouton3">B1</button>
<button class = "vignette" id = "bouton4">B1</button>
<div id = "content"></div>uj5u.com熱心網友回復：
假設您有 10 個帶類的按鈕，vignette那么您的代碼將是：
$.each( "button.vignette", function( i, obj) {
$(obj).attr( "id", i ).on('click',function(){
$('#popup' i).toggle();
});
});
您可以根據需要用您的代碼替換toggle()函式。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/490604.html
標籤：javascript html jQuery 优化