我想在單擊按鈕時隱藏divi，并在再次單擊時打開它。但是我無法運行正常作業的代碼，可能是什么原因？
js代碼在只有一個div的情況下可以作業，但是由于我寫的這段代碼所以不能作業，但是我解決不了問題。
剃刀頁面
@for (int i = 0; i < Model.quest.Count; i )
{
<div >
<div >
<input type="checkbox" id="questcb" asp-for="@Model.quest[i].check">
<span>@(i 1) Soru</span>
</div>
<div >
<textarea [email protected][i].Question rows="3" id="question" hidden></textarea>
<label>@Model.quest[i].Question</label>
</div>
</div>
<div >
<div hidden>
<button type="button" id="A" onclick="clickFunc(this.id)">A</button>
</div>
<div >
A)
</div>
<div hidden="hidden">
<input type="text" [email protected][i].Answer1 placeholder="" id="answer"
aria-label="Example text with button addon" aria-describedby="button-addon1">
</div>
<div id="Amod_@i" style="display:inline-block">
@Model.quest[i].Answer1
</div>
<div >
<button type="button" id="mod_@i" onclick="question(this.id)">Cevaplar? G?rüntüle</button>
</div>
</div>
}
js代碼
let question = button => {
let element = document.getElementById(`A${button}`);
let buttonDOM = document.getElementById(`${button}`)
let hidden = element.getAttribute("hidden");
if (hidden) {
element.removeAttribute("hidden");
buttonDOM.innerText = "Cevaplar? Gizle";
}
else {
element.setAttribute("hidden", "hidden");
buttonDOM.innerText = "Cevaplar? G?rüntüle";
}
}
</script>
uj5u.com熱心網友回復：
如果div的id在你的代碼中是唯一的，你的js應該可以作業。如果還是不行，你可以嘗試用按鈕的位置找到div：
let question = button => {
let element = $("#" button).parent().siblings(".col-md-11")[1];
let buttonDOM = document.getElementById(`${button}`);
if (element.hidden) {
element.removeAttribute("hidden");
buttonDOM.innerText = "Cevaplar? Gizle";
}
else {
element.setAttribute("hidden", "hidden");
buttonDOM.innerText = "Cevaplar? G?rüntüle";
}
}
結果：
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/504366.html
標籤：javascript asp.net-mvc asp.net 核心 剃刀
上一篇：HTML、Javascript和PHP-可以通過檢查元素更改最大長度
下一篇：朱莉婭似乎很慢