我正在使用 ViewBag 將列表傳遞到視圖中。然后，我使用列表上的 foreach 逐一顯示列表中的每個字符串。我需要允許用戶通過單擊條目來從列表中刪除條目，例如，如果用戶單擊其中一個字符串，那么它就會消失。最直接的方法是什么？ViewBag.FlagList： ViewBag.FlagList = listStrLineElements;.cshtml：<div class="form-group"><div class="col-md-10"> <hr /> <p><strong>Flagged Questions</strong></p> @foreach (var item in ViewBag.FLagList) { <div> @item </div> }</div></div>
1 回答
楊魅力
TA貢獻1811條經(jīng)驗 獲得超6個贊
您可以parent通過parentNode 獲取并刪除itself。
<div onclick="this.parentNode.removeChild(this)"> @item </div>
function onDelete(elm, id) {
// Do something with id
console.log(id)
elm.parentNode.removeChild(elm)
}
<p><strong>Click to remove</strong></p>
<div onclick="this.parentNode.removeChild(this)">
1
</div>
<div onclick="this.parentNode.removeChild(this)">
2
</div>
<div onclick="this.parentNode.removeChild(this)">
3
</div>
<div onclick="this.parentNode.removeChild(this)">
4
</div>
<div>
<a href="#" onclick="this.parentNode.parentNode.removeChild(this.parentNode)"> href sample</a>
</div>
<div>
<a href="#" onclick="this.parentNode.parentNode.removeChild(this.parentNode)"> href sample 2</a>
</div>
<div onclick="onDelete(this, '1221')">
onDelete Function sample
</div>
- 1 回答
- 0 關(guān)注
- 105 瀏覽
添加回答
舉報
0/150
提交
取消