jquery - 如何解析多个同名类的单个实例
问题描述
当点击一个链接时,它会从喜欢变为不喜欢,反之亦然,但是喜欢和不喜欢的数量应该是唯一变化的,而不是同一页面上的每个帖子。Django 中的 for 循环用于调用帖子,因此它们具有相同的类名。下面的 jquery 应该更改特定帖子的点赞数,但由于类名,它会更改每一个帖子。请问这个怎么做?
jQuery提取
var previous_likes = parseInt($('span.count .total').text());
$('span.count .total').text(previous_action == 'like' ? previous_likes + 1 : previous_likes - 1);
完整的jQuery代码
$('a.like').on('click', function(event){
event.preventDefault();
event.stopPropagation();
event.stopImmediatePropagation();
$.post('{% url "posts:post_like" %}',
{
id: $(this).data('id'),
action: $(this).data('action')
},
function(data){
if (data['status'] == 'ok')
{
var previous_action = $(event.target).data('action');
// toggle data-action
$(event.target).data('action', previous_action == 'like' ?
'unlike' : 'like');
// toggle link text
$(event.target).text(previous_action == 'like' ? 'Unlike' :
'Like');
// update total likes
var previous_likes = parseInt($('span.count .total').text());
$('span.count .total').text(previous_action == 'like' ? previous_likes + 1 : previous_likes - 1);
}
}
);
});
解决方案
推荐阅读
- pipelinedb - PipelineDBarrival_timestamp 字段不出现
- javascript - 如何将特定 URL 重定向到另一个 URL
- xml - 如何在 scala 中加载 YAML 配置文件以将其转换为 CSV 以及具有原始数据的 XML 文件
- java - 剂量禁用 logger.debug 会影响性能吗?
- c# - EF 6 代码优先多对多关系与非主键上的同一实体
- matlab - 在 MATLAB 中控制颜色条比例
- java - MongoTemplate Bean 实例化失败
- reactjs - 如果我们不想重新渲染,可以直接更改状态吗?
- wordpress - 具有自定义帖子类型的存档页面上的事件列表
- python - Python tkinter 新建或打开屏幕