Javascript, который может на нескольких кнопках динамически генерируется из PHP

Question

У меня есть JavaScript, который создает модальное всплывающее окно с JQuery-подтверждения. Он работает на одном экземпляре, но когда есть несколько экземпляров с одним и тем же именем класса событий onClick, они все запускаются одновременно. По идее список видео для удаления с кнопкой подтверждения.

Как я могу иметь один динамический список адресов скриптов с уникальными именами классов? [т.е.] class="video1" class="video2" или использовать идентификатор или что-то еще, чтобы код подтверждения срабатывал только однозначно?

PHP и HTML (например, это может генерировать десять строк HTML ниже):

$stuff = mysql_query(
         "SELECT * FROM videolist where user_id = '$id' ORDER BY creation_date DESC"
         );
while ($ratch = mysql_fetch_array($stuff)) {
    $video_id= $ratch["id"];
    $title= $ratch["title"];
?>
<a class="delete" href="delete.php?d=<? echo $video_id; ?>">
   DELETE VIDEO!
</a>
<?   } ?>

JAVASCRIPT:

$('a.delete').confirm({
  buttons: {
   confirm: function () {location.href = this.$target.attr('href');},
   close: function () {}
  }
});

Answer 1

Во-первых: я бы поместил атрибут id в теги a

<a class="delete" id="v1"></a>
<a class="delete" id="v2"></a>
<a class="delete" id="v3"></a>

Второе: я бы сделал по клику это событие id

$('.delete').click({
 alert($(this).attr("id"));
});

Третье: отправить идентификатор в скрипт удаления