Доброго времени суток!
Подскажите как можно сделать нажатие на ссылку, чтобы передавались уникальные данные для каждой из ссылки?
Допустим, есть несколько ссылок:
| Код |
<a href="#" id="<?php echo $id; ?>" class="add">Добавить</a>
<a href="#" id="<?php echo $id; ?>" class="add">Добавить</a>
<a href="#" id="<?php echo $id; ?>" class="add">Добавить</a>
<a href="#" id="<?php echo $id; ?>" class="add">Добавить</a>
....
|
id у каждой ссылки будет уникальным, по клике на ссылке этот id должен передаться скрипту.
| Код |
$(document).ready(function(){
$(".add").unbind("click").click(function(){
var id = $(".add").attr("id");
alert(id);
$.ajax({
type:"POST",
url:"test.php",
dataType:"text",
data:{
id:id
},
success: sync,
error:sync_error
});
function sync(data){
$(data).appendTo(document.getElementById(id));
}
function sync_error(){
}
});
});
|
Тут, я пытаюсь открепить обработчик от ссылки, чтобы в переменную id записался текущий id ссылки и выполнился запрос. Однако, происходит только обращение к первой ссылке.
Пример тут http://jsfiddle.net/49oyL6uj/ |