我試圖改變動態HTML元素(span)的背景顏色,使其在用戶點擊時變成紅色。
function showQuestion() {
for(let i = 0; i < QuesPartA.length; i ){
$(".questionBox")。 append('<div class="Question" > 數字' parseInt(i 1) '</div> ') 。
QuesPartA[i]['option'].forEach(option => {
$(".questionBox").append('<span class="pilihan">' option ' </span> < br> ')。
});
}
$(".secondBox").append('<a href="Listening Part A.html" class="btnToPartB"> Continue to Part B< /a> ' /span>)。
};
但是我只想讓被點擊的那一個改變顏色,而不是所有span.pilihan。我已經嘗試了一些方法,但最后要么把所有的span都變成紅色,要么根本就不改變。有什么辦法能有效地做到這一點嗎?
請提前告知。
提前感謝。
uj5u.com熱心網友回復:
你可以使用jQuery事件來獲得點擊的元素。 像下面這樣:
。$(() => {
generateQuestion(1)。
});
var q = 1;
function generateQuestion(num) {
var question = document.createElement("span") 。
question.innerHTML = "Question" num;
document.body.append(question)。
}
$("body")。 on("click", "span", function() {
$(this).css("background","red")
q ;
generateQuestion(q)。
});
span {
cursor: 指標。
}
<script src="https://cdnjs. cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
編輯:現在委托
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/331833.html
標籤:
