получить значение по ссылке

Question

Добрый день, каждый. Возникли проблемы с реализацией одной ситуации. У меня есть некоторые ссылки, пусть говорят 5 (но это может быть больше). Каждая ссылка имеет id = "# link", но у меня также есть 5 разных переменных. Так что мне нужно, как получить одну из этих переменных в jquery в зависимости от ссылки, на которую будет нажимать. Как я могу это понять?

<?php 
$a=1; 
$b=2; 
$c=3; 
$d=4; 
$e=5; 
printf ("<a href=\"\" id=\"#link\">link_a</a>"); 
printf ("<a href=\"\" id=\"#link\">link_b</a>"); 
printf ("<a href=\"\" id=\"#link\">link_c</a>"); 
printf ("<a href=\"\" id=\"#link\">link_d</a>"); 
printf ("<a href=\"\" id=\"#link\">link_e</a>"); 
?> 

Так вот 5 переменных - а, б в г е и 5 ссылок, так что мне нужно одну из Получать, что переменные в зависимости от щелкнули звена;

$(document).on('click','#link',function() { 

alert(result); 
return false; 
}); 

P.S. Число переменных и ссылок может быть больше 5. Это может быть 10 или 20. Но я беру 5 для примера. Спасибо за вашу помощь.

Answer 1

У вас есть необходимость хранить данные в элементах привязки (HTML).

Data attributes - это путь.

PHP код:

<?php 
$a=1; 
$b=2; 
$c=3; 
$d=4; 
$e=5; 
printf ("<a href=\"\" class=\"mylink\" id=\"#link\" data-variable=\"$a\">link_a</a>"); 
printf ("<a href=\"\" class=\"mylink\" id=\"#link\" data-variable=\"$b\">link_b</a>"); 
printf ("<a href=\"\" class=\"mylink\" id=\"#link\" data-variable=\"$c\">link_c</a>"); 
printf ("<a href=\"\" class=\"mylink\" id=\"#link\" data-variable=\"$d\">link_d</a>"); 
printf ("<a href=\"\" class=\"mylink\" id=\"#link\" data-variable=\"$e\">link_e</a>"); 
?> 

идентификаторы в пределах документа HTML, должны быть уникальными. Используйте классы, если у вас есть необходимость в избыточных идентификаторах.

Javascript Код:

$(document).on('click','a.mylink',function() { 
    //Use .attr() to get the data attribute. 
    alert($(this).attr('data-variable')); 
    return false; 
}); 

Answer 2

попробовать

$(document).on('click','#link',function() { 
    alert($(this).attr('id')); 
}); 

Answer 3

Модификация вас код

<script> 
 
    function get(){ 
 
    var m=$(this).val(); 
 
    alert(m); 
 
    } 
 
</script>

<?php 
 
$a=1; 
 
$b=2; 
 
$c=3; 
 
$d=4; 
 
$e=5; 
 
echo "<a href='' onclick=get() value=".$a." >link_a</a>"; 
 
echo "<a href='' onclick=get() value=".$b." >link_b</a>"; 
 
echo "<a href='' onclick=get() value=".$c." >link_c</a>"; 
 
echo "<a href='' onclick=get() value=".$d." >link_d</a>"; 
 
echo "<a href='' onclick=get() value=".$e." >link_e</a>"; 
 
?>

Он будет работать нормально в соответствии с вашими требованиями.

Answer 4

Использование class вместо ID (или использовать только a элемент) и положить PHP переменные в любой данных атрибуте.

<?php 
$a=1; 
$b=2; 
$c=3; 
$d=4; 
$e=5; 
printf ("<a href='' class='link' data-value='" . $a ."'>link_a</a>"); 
printf ("<a href='' class='link' data-value='" . $b ."'>link_a</a>"); 
printf ("<a href='' class='link' data-value='" . $c ."'>link_a</a>"); 
printf ("<a href='' class='link' data-value='" . $d ."'>link_a</a>"); 
printf ("<a href='' class='link' data-value='" . $e ."'>link_a</a>"); 
?> 

<script> 

var a = document.getElementsByTagName('a'); 
a.onclick = function() { 
    alert(this.getAttribute('data-value')); 
    return false; 
} 

</script> 

Answer 5

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

<?php 
$a=1; 
$b=2; 
$c=3; 
$d=4; 
$e=5; 
printf ("<a href=\"\" class=\"link\" data-id=\"$a\">link_a</a>"); 
printf ("<a href=\"\" class=\"link\" data-id=\"$b\">link_b</a>"); 
printf ("<a href=\"\" class=\"link\" data-id=\"$c\">link_c</a>"); 
printf ("<a href=\"\" class=\"link\" data-id=\"$d\">link_d</a>"); 
printf ("<a href=\"\" class=\"link\" data-id=\"$e\">link_e</a>"); 
?> 

JS

$(document).on('click','a.mylink',function() { 
    alert($(this).attr('data-id')); 
//or you can directly use it as 
    alert($(this).data('id')); 
    return false; 
});