从 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>

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>