时间戳

首页 > 解决方案 > 有没有办法在不影响其他切换的情况下切换列表中的类

javascript - 有没有办法在不影响其他切换的情况下切换列表中的类

问题描述

我正在处理待办事项列表。用和箭头显示标题。这个向下箭头（单击时）应该只打开它自己的段落文本，但它会影响其他标题及其段落。

我曾尝试在 jquery 中使用每个，但它仍然在做同样的事情

 $(document).ready(function(){
    $(".arrow").click(function(e) {
        $(".para").slideToggle("slow");
    })
 });

我希望单击时每个列表标题箭头应该只显示它​​的段落文本而不是同时显示其他文本。

标签： javascript

解决方案

您可以将正在修改的元素限定为被单击的项目。为此，首先找到被单击的项目或容器，然后在该项目中找到目标。例如，如果每个项目都在item类的一个元素中，您可以找到容器，然后在其中进行搜索。

$(".arrow").click(function(e) {
    $(this).closest('.item').find(".para").slideToggle("slow");
});

推荐阅读