Jquery call from php function

Question

У меня есть страница с несколькими ссылками, и я хочу выполнить функцию JQuery при нажатии ссылки. Я хочу отправить значение со ссылкой. К сожалению, моя функция JQuery не выполняется.

Ниже приведен фрагмент кода из файла php.

foreach ($ties as $tie) { 
     echo "<a href='#' id ='species'><em>{$tie}</em></a></br>"; 
    } 

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

$("#species").click(function(){ 
     alert("Hi"); 
    } 

Любая помощь будет принята с благодарностью.

Answer 1

Здравствуйте, как уже упоминалось ранее, вы не должны использовать id в цикле, поскольку идентификаторы должны быть уникальными в контексте всей страницы. Вместо этого вы должны использовать классы.

foreach ($ties as $tie) { 
    echo "<a class="species" href="somepage.php?tie=$tie"><em>{$tie}</em></a></br>"; 
} 

$(".species").click(function() { 
    // This is the clicked anchor. 
    console.log(this.href); 
}); 

Вы также можете использовать атрибуты данных html5 для хранения, например, идентификатора tie. Для дальнейшего использования.

foreach ($ties as $tie) { 
    echo "<a class="species" href="#" data-tie="$tieID"><em>{$tie}</em></a></br>"; 
} 

$(".species").click(function() { 
    // This is the clicked anchor. 
    console.log($(this).data("tie")); 
});