Question

我需要使用jQuery和ajax从我的网站上删除项目，但我不知道如何获取我要删除的内容的特定ID，或者更少单个，请参阅下面的示例：

HTML CODE

<span id="file-1">Orange</span> <a id="delete-1">Delete</a>
<span id="file-2">Orange</span> <a id="delete-2">Delete</a>
<span id="file-3">Orange</span> <a id="delete-3">Delete</a>
<span id="file-4">Orange</span> <a id="delete-4">Delete</a>
<span id="file-5">Orange</span> <a id="delete-5">Delete</a>
<!--Next item will have id of 6 is looping...-->

AJAX JQUERY

<script>
    $(document).ready(function(e){
        $("#delete-").click(function(){
//Am confused here how to know which id need to be deleted?
var id = $('#file-').val();
        $.ajax({
        url:'/delete_reply.php',
        data:'id='+id,
        type: "POST",
        beforeSend: function(){
        $('#comment-'+id'').attr('class', 'deleting');
        },
        success: function(data){
            $('#comment-'+id'').hide();
            $(#comment-'+id'').css('display','none'); 

        }
          });
          });
    });
</script>

我不知道如何将我要删除的内容的id传递给ajax有人可以帮助我吗？

Answer 1

<强>

<强>更新

使用数据为HTML元素赋值是一种很好的方法   属性即可。
对于HTML和jQuery，它们看起来都像   跟随。

<强> HTML：

<span id="file-3">Orange</span> <a data-fileid="3" class="cmnDeleteFile">Delete</a>

<强> JQUERY

$(".cmnDeleteFile").click(function(e){
    e.preventDefault();

    var id=$(this).data('fileid');
    // This is how you get id of the file from same element using data attribute.

});

旧回答：

您正在遵循错误的方法。点击这样的链接，为每个链接提供常见的CSS类和触发事件。

<强> HTML：

<span id="file-3">Orange</span> <a id="3" class="cmnDeleteFile">Delete</a>

<强> JQUERY

$(".cmnDeleteFile").click(function(e){
    e.preventDefault();

    var id=$(this).attr('id');
    // This is how you get id of the file from same element.

});

Answer 2

替换

var id = $('#file-').val();

与

var id=$(this).attr('id').split("-")[1];

顺便说一下，我还没有测试过你的其余代码。特别是，您用于绑定点击事件的#delete-选择器。

使用Ajax和jQuery删除单个项目

2 个答案:

<强>更新

旧回答：