Передайте ответ AJAX только текущему div среди массива
Мне удалось сделать простую систему голосования с одним текущим счетом. Все хорошо, но проблема в том, что когда я нажимаю на кнопку, чтобы проголосоватьдля этого конкретного content - все оценки в других div тоже меняются !! Мне нужен AJAX для вывода ответа об успехе только на текущем div (видео голосования), не все из них на моей странице! Я думаю, что из-за этого:
success: function(html) {
$('.this').html(html);
}
Это потому, что у меня есть массив блоков на моей странице:
<div id="main">
<div class="box1">
<a href="" class="vote" id="<?php echo $mes_id; ?>" name="up">
<img class='image'src="img/thumbsup.png">
</a>
<span class='this'><?php echo $total_score; ?></span>
<a href="" class="vote" id="<?php echo $mes_id; ?>" name="down">
<img class='image' src="img/icon-down.png">
</a>
</div>
<div class='box2' ><?php echo $msg; ?></div>
</div>
И охватывать классом «this», когда в случае успеха AJAX добавляет ответ на все из них, но мне нужно идентифицировать их и добавлять ответ только к текущему (охватывает класс «this», которые в основном являются оценками текущего голосования), так что когда пользователь голосует - меняется только текущий счет. не все из них! (если все они имеют промежутки с классом 'this', на который я передаю ответ от AJAX. Создание определенного класса для каждого блока (div) - это нонсенс, потому что я делаю страницу, которая отображает видео из базы данных - любое число! вот ajax и jquery:
<script type="text/javascript">
$(function() {
$(".vote").click(function()
{
var id = $(this).attr("id");
var name = $(this).attr("name");
var dataString = 'id='+ id ;
var acdc = $('#ab').attr('class');
var potato = 'potato';
var parent = $(this);
if(name=='up')
{
$.ajax({
type: "POST",
url: "up_vote.php",
data: dataString,
cache: false,
success: function(html){
$('.this').html(html);
}});
}
else
{
$(this).fadeIn(200).html('<img src="img/icon-down.png" align="absmiddle" style="height: 10px;width:10px;">');
$.ajax({
type: "POST",
url: "down_vote.php",
data: dataString,
cache: false,
success: function(html){
$('.this').html(html);
}});
}
return false;
});
});
</script>
Итак, как я могу это сделать? (Изменить только текущий счет) Большое спасибо! Заблаговременно.