|
|
|
| Привет! Есть список элементов на странице которые строятся динамически, данные берутся из СУБД
В виде HTML это выглядит примерно так:
<a href='' class='add' id='1'>Название 1</a>
<a href='' class='add' id='2'>Название 2</a>
<a href='' class='add' id='3'>Название 3</a>
<a href='' class='add' id='4'>Название 4</a>
<a href='' class='add' id='5'>Название 5</a>
|
пишу функцию передачи ID в файл обработчик:
$('.add').click(function(){
$.ajax({
type: "POST",
url: "add.php",
data: "id="+$(this).attr('id'),
success: function(html){
$('.add').html(html);
}
});
return false;
});
|
нужно сделать так чтобы после нажатия, название менялось на результат который произвел обработчик, то есть если мы нажали на Название 1 то результат который вернулся был отображен заместо Название 1
Проблема в том, что при событии click все работает но результат меняется у ВСЕХ элементов с классом .add ... а нужно только чтобы менялось у выбранного ID
Так вот как это указать? | |
|
|
|
|
|
|
|
для: tima2010
(13.01.2012 в 19:34)
| | так обращайтесь по ID к элементу | |
|
|
|
|
|
|
|
для: Igorek
(15.01.2012 в 10:07)
| | они меняются постоянно | |
|
|
|
|
|
|
|
для: tima2010
(16.01.2012 в 22:00)
| | ну вы же знаете какой элемент инициировал событие onclick() - вы передаете ID этого элемента. Что вам мешает по-этому же ID потом обратиться к нему? | |
|
|
|
|
|
|
|
для: Igorek
(17.01.2012 в 09:40)
| | Вот это я и не могу понять :( по идеи нужно заменить
на
но не работает такая конструкция :( | |
|
|
|
|
|
|
|
для: tima2010
(17.01.2012 в 11:02)
| | эммм... а если так:
$('.add').click(function(){
var th = this;
$.ajax({
type: "POST",
url: "add.php",
data: "id="+$(this).attr('id'),
success: function(html){
$(th).html(html);
}
});
return false;
});
|
| |
|
|
|
|
|
|
|
для: Igorek
(17.01.2012 в 11:21)
| | Да спасибо! странно что не работало до этого | |
|
|
|