Multiple jQuery on the same page

I have just started to learn jQuery and I think I am getting the hang to it, except this issue. I have a page of comments the user would like to delete. I am used to doing something like this:

$(function() {

$(".commentdeletebutton").click(function() {

$.ajax({
  type: "POST",
  url: "http://myflashpics.com/process_deletecomment.php",
  data: $("#commentdeleteform").serialize(),
  success: function() {

    // Comment IDS are like this 'comment_123'
    var commentId  = $(comment_id).val();
    var commentDone = "comment_" + commentId;
    $(commentDone).fadeOut();


  }
 });
return false;
});
});

But since there are multiple instances of IDs, it's not working and nothing is happening.

Again, 开发者_C百科newbie here wondering what would be a better way to do this.

Thanks

Coulton

---

@php ,

First thing you should not have multiple ids on the DOM , this can cause several problems while parsing.

If you want to group them , give a generic class name like

classname + "ID"

later you can extrack the ID from the class and do your logic

you can do something like this

var className=$(this).attr('class');            
        var ID = className.replace(/yourclassname(\d+)/, "$1");

---

Instead of id attribute use class class attribute.
ID's are unique.

---

IDs should always be unique. Consider adding something more to your IDs to make them unique.

---

Somehow related to what @kobe says, I think your best approach is to generate those IDs based on a prefix (like myComment-) and the id in the DB. This way you would end with elements identified by myComment-1, myComment-2, ..., myComment-n .

Then, when you should use a selector for each element that starts with "myComment" (look at the selectors documentation on the jQuery docs) and set it the "click" handler. Accessing $(this) should give you the clicked element and you can get the ID, remove the 'comment-' section programmatically, and once again, retrieve or perform the action or get the required attributes for the original ID.

Hope this helps.

---

Anyway, it's not clear where comment_id comes from.

If $(".commentdeletebutton") is inside some container, or next to the element you need to fadeOut, you could use some .parent() or .next() selector, without need any ID.

PS: it seems that you are not telling http://myflashpics.com/process_deletecomment.php which comment it must delete either.