HREF Multilink изображений

Question

Я не уверен, что это лучший способ сделать это, но у меня есть несколько изображений на моей странице, и я хочу, чтобы у каждого из них было свое действие. Приведенный ниже добавляет запись в базу данных при нажатии, если я хочу добавить другое изображение, которое нужно щелкнуть, чтобы удалить, как сделать его уникальным, чтобы моя функция .click могла запустить файл delete.php? (данные жестко запрограммированы на данный момент, как вы можете видеть)

<a href=""><img src="/wp-content/themes/Atlantis/images/add.gif" /></a>

<script type="text/javascript">                                         
  $(document).ready(function() {
    $("a").click(function() {

      $.ajax({                                      
        url: 'add.php',                           
        data: "Masterselect=11&UserID=55&Status=W",       
        dataType: 'json',                
      });

      alert("Thanks for adding");  
   });
});         

</script>

Answer 1

Вы можете определить имя класса для изображения, дать его как событие щелчка вместо ahref

дать событие клика для класса изображения

<img class="test1" src="add.gif" alt="Angry face" />

<img class="test2" src="delete.gif" alt="Angry face" />

добавить события клика здесь

(document).ready(function() {
        $("test1").click(function() {

 }

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

     }

}

Answer 2

Я бы назвал ваши ссылки - дайте им атрибут class или id

<a class="add" href=""><img src="/wp-content/themes/Atlantis/images/add.gif" /></a>
<a class="delete" href=""><img src="/wp-content/themes/Atlantis/images/delete.gif" /></a>

И затем вы можете указать одну функцию для кнопки добавления, другую для удаления и так далее:

$("a.add").click(...);
$("a.delete").click(...);

Answer 3

Просто поместите что-то уникальное, чтобы вы могли сделать это, возможно, добавив класс к вашей ссылке delete.

Тогда просто $('.delete'), а остальное должно быть очевидно.