c# - 从href点击列表中删除项目

Question

我正在使用 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>

标签： c#htmlasp.netasp.net-mvc

Answer 1

您可以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>