Question

我从数据库中取出一些项目，这些项目有删除，编辑按钮但不知道如何将删除或编辑按钮与特定项目链接请帮助我。

<div class="feed-list-area">
    <div class="feed" id="1">
        <font class="feed-title">Website Title</font><br />
        <font class="feed-url">thisistheurlofwebsite.com/itisalwaysok</font>
        <input type="button" value="Delete" id="feed-delete" />
    </div>
    <div class="feed" id="2">
        <font class="feed-title">Website Title</font><br />
        <font class="feed-url">thisistheurlofwebsite.com/itisalwaysok</font>
        <input type="button" value="Delete" id="feed-delete" />
    </div>
    <div class="feed" id="3">
        <font class="feed-title">Website Title</font><br />
        <font class="feed-url">thisistheurlofwebsite.com/itisalwaysok</font>
        <input type="button" value="Delete" id="feed-delete" />
    </div>
</div>

Jquery的

<script type="text/javascript">
        $('#feed-delete').click(function(){
            //var id = $(this).closest('.feed').attr('id');

            alert('Delete');
        });
</script>

Answer 1

从不具有多个具有相同id的元素。请参阅this question。

这是JSFiddle id="feed-delete"替换为class="feed-delete"

此外，对于随机数据，您可能希望使用data- HTML5属性。例如：

<div data-dbid='3531'></div>

JQuery有data()方法来检索此类数据：https://api.jquery.com/data/

使用jquery从数据库中获取项目后如何使用删除按钮生成项目列表

1 个答案: