从 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&nbsp; </div>function onDelete(elm, id) {&nbsp; &nbsp; // Do something with id&nbsp; &nbsp; console.log(id)&nbsp; &nbsp; elm.parentNode.removeChild(elm)}<p><strong>Click to remove</strong></p><div onclick="this.parentNode.removeChild(this)">&nbsp; &nbsp; 1</div><div onclick="this.parentNode.removeChild(this)">&nbsp; &nbsp; 2</div><div onclick="this.parentNode.removeChild(this)">&nbsp; &nbsp; 3</div><div onclick="this.parentNode.removeChild(this)">&nbsp; &nbsp; 4</div><div>&nbsp; <a href="#" onclick="this.parentNode.parentNode.removeChild(this.parentNode)"> href sample</a></div><div>&nbsp; <a href="#" onclick="this.parentNode.parentNode.removeChild(this.parentNode)"> href sample 2</a></div><div onclick="onDelete(this, '1221')">&nbsp; &nbsp; onDelete Function sample</div>