我 有 一 个 我 正在 尝试 创建 的 示例 导航 。 我 想要 实现 的 是 当 你 点击 prev 或 next 类 时 。 active 类 将 被 添加 到 map-inr ， scale_text 也 将 被 添加 到 global_map_location 类 。 我 相信 在 这 部分 中 只 会 使用 eq() 函数 。
下面 是 我 的 js 代码 ：
第 一 个
我 已经 在 " 下一步 " 按钮 上 尝试 了 此 操作 ：
//Next function
$('.next').click(function(){
let nextIndex = $(this).closest(".map-item").index() + 1;
console.log("This next is " + nextIndex);
$(".global-map").eq(nextIndex).find('.map-inr').addClass("active");
$(".global-map").eq(nextIndex).find('.global_map_location').addClass("scale_text");
if ($('.is--show').next('.map-item').length) {
$('.is--show').removeClass('is--show')
.next('.map-item')
.addClass('is--show');
}
});格式
但 它 只是 不断 地 添加 类 到 下 一 个 div 。 如何 删除 前 一 个 section/div 中 的 类 ？ 有 什么 合适 的 方法 吗 ？
1条答案
按热度按时间u3r8eeie1#
当用户点击黄色背景的上一个和下一个锚标签时，只有它应该起作用。让所有上一个和下一个锚点标签点击都起作用是不可行的解决方案。只有黄色背景的上一个和下一个点击应该起作用。
下面是与上面解释的场景相匹配的代码，它还将为您提供用户友好的标准视图：
请将其替换为上一个，然后单击jQuery。
如果您有任何问题或修改要求，请告诉我。