Получение DIV ID на AJAX загружен содержание

Question

У меня есть div с уникальным id, и я пытаюсь получить, что divid с jQuery

<div class="quantity" id="UNIQUE_ID">Quantity</div> 

Все работает хорошо, но после загрузки div с ajax - я просто не могу» t получите id из загруженного div.

$('.quantity').click(function() {  
    $.post('quantity.php', { id: $(this).attr('id') }, function(output) { 
     $(this).html(output); 
    }); 
}); 

Любые идеи?

Answer 1

Это должно работать

$('.quantity').click(function() { 
    var that = this;   

    $.post('quantity.php', { quantityId: $(that).attr('id') }, function(data) { 
     $(that).html(data); 
    }); 
}); 

Но это, как я бы написать его

<div class="quantity" data-id='<?=$unique_id?>'> 
    Quantity 
</div> 

$('.quantity').on('click', function() { 
    var that = this;   

    $.post('quantity.php', { quantityId: $(that).data('id') }, function(data) { 
     $(that).html(data); 
    }); 
});  

И для динамических дивы

<div class="quantity" data-id='<?=$unique_id?>'> 
    Quantity 
</div> 

$(document).on('click', '.quantity', function() { 
    var that = this;   

    $.post('quantity.php', { quantityId: $(that).data('id') }, function(data) { 
     $(that).html(data); 
    }); 
});  

Answer 2

onclick привязка к вашему div не будет работать после того, как div был обновлен (привязан ли он к document.ready() правильно?). Решением будет либо переподключение функции к элементу каждый раз, когда вы его измените (плохой), либо используйте функцию on() от jquery. Пример кода:

$(document).on('click', '.quantity', function(){ 
    var id = $(this).attr('id');   

    $.post('quantity.php', { quantityId: id }, function(data){ 
     $('#'+ id).html(data); 
    }); 
}); 

UPDATE: Как обсуждалось в комментариях, метод on должен привязываться к документу в целом, а не класс фактически работать в качестве устаревшего live() метода.