Javascript jQuery在1元素中打开元素

这是一件非常简单的事情，但我无法让它工作。我正在制作一个lead management仪表板，用户可以在其中查看他的lead。他首先只看到潜在客户的编号、名称和日期，当他单击名称时，另一个部门需要显示以查看其他信息

通常我可以使用

.nestest（）

，但我认为这是因为它们处于同一级别，无法工作。所以我尝试了

.sibbines（）

，但这甚至都不起作用

有人能帮我吗

我做了一个jsfiddle：

使用

.parents（）

$(this).parents(".lead_line").find('.lead_info').fadeToggle();

避免多次调用
.parent（）
。要理解它引用的是哪个元素并不容易，对DOM结构的任何细微更改都会破坏脚本

使用
.parents（）
查找最近的公共父级（
.parents（.lead_line”）
），然后从那里查找（）

$(this).parents(".lead_line").find('.lead_info').fadeToggle();

避免多次调用
.parent（）
。要理解它引用的是哪个元素并不容易，对DOM结构的任何细微更改都会破坏脚本

这是上面的两个级别，因此您应该调用
parent（）
两次

// Open en close leads
$("#dash_action #lead_list .lead_line a").click(function () {
    event.preventDefault();
    $(this).parent().parent().find('.lead_info').fadeToggle();
});

这是上面的两个级别，因此您应该调用
parent（）
两次

// Open en close leads
$("#dash_action #lead_list .lead_line a").click(function () {
    event.preventDefault();
    $(this).parent().parent().find('.lead_info').fadeToggle();
});

您应该使用

 $("#dash_action #lead_list .lead_line a").click(function () {
   event.preventDefault();
   $(this).parent().parent().find('.lead_info').fadeToggle();
 });

你应该使用

 $("#dash_action #lead_list .lead_line a").click(function () {
   event.preventDefault();
   $(this).parent().parent().find('.lead_info').fadeToggle();
 });

你可以做：

// Open en close leads
$(".lead_line a").click(function (event) {
    event.preventDefault();
    $(this).parent().closest('.lead_line').find('.lead_info').fadeToggle();
});

但正如其中一个答案中提到的，
.parents（）
可能是一个更好的解决方案。
您可以：

// Open en close leads
$(".lead_line a").click(function (event) {
    event.preventDefault();
    $(this).parent().closest('.lead_line').find('.lead_info').fadeToggle();
});

但正如其中一个答案中提到的，
.parents（）
可能是更好的解决方案。
谢谢！这就是我需要的！谢谢这就是我需要的！