Javascript 如何使用jquery显示带有setTimeout（）的消息？

我想知道标题到底应该是什么。但本质上，我仍然试图用已确定的

setTimeout（）

显示特定消息。但问题是，如果在一个

class=“para”

中单击，则消息将全部显示。如何解决这个问题？我试着使用

.closest（）

和

.parents（）

但是没有用

$（函数（）{
$（'.foo'）。每个（函数（）{
$（this.wrapInner（'
）.prepend（'Show hide'）；
});
$（'.para'）。每个（函数（）{
$（this）.dblclick（函数（）{
setTimeout（函数（）{
$（'.bar'）.css（'opacity'，1）；
//$（this）.closest（'.foo'）.find（'.bar'）.css（'opacity'，1）；不工作
//$（this）.parents（'.foo'）.find（'.bar'）.css（'opacity'，1）；不工作
}, 0);
setTimeout（函数（）{
$（'.bar'）.css（'opacity'，0）；
//$（this）.closest（'.foo'）.find（'.bar'）.css（'opacity'，0）；不工作
//$（this）.parents（'.foo'）.find（'.bar'）.css（'opacity'，0）；不工作
}, 1000);
});
});
});
.foo{
位置：相对位置；
边框：1px实心橙色；
边缘：1米；
填充：1em；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。nostra Action中的Hoc非est位置。如果你死了，塞缪斯会死吗？不可分割的，不可分割的。
Lorem ipsum dolor sit amet，是一位杰出的献身者。nostra Action中的Hoc非est位置。如果你死了，塞缪斯会死吗？不可分割的，不可分割的。
Lorem ipsum dolor sit amet，是一位杰出的献身者。nostra Action中的Hoc非est位置。如果你死了，塞缪斯会死吗？作为一个非独立的人，我是一个伟大的认知者。
$（函数（）{
$（'.foo'）。每个（函数（）{
$（this.wrapInner（'
）.prepend（'Show hide'）；
});
$（'.para'）。每个（函数（）{
$（this）.dblclick（函数（）{
var$that=$（this）；//存储$（this），因为。。。
setTimeout（函数（）{
//console.log（this）；/…内部setTimeout`this`是窗口！！！
$that.closest（'.foo'）.find（'.bar'）.css（'opacity'，1）；//工作正常
}, 0);
setTimeout（函数（）{
$that.closest（'.foo'）.find（'.bar'）.css（'opacity'，0）；//正在工作
}, 1000);
});
});
});
.foo{
位置：相对位置；
边框：1px实心橙色；
边缘：1米；
填充：1em；
}
段落{
背景：金；
}
.bar{颜色：红色；位置：绝对；顶部：5px；右侧：5px；不透明度：0；过渡：不透明度0.3s}

Lorem ipsum dolor sit amet，是一位杰出的献身者。nostra Action中的Hoc非est位置。如果你死了，塞缪斯会死吗？不可分割的，不可分割的。
Lorem ipsum dolor sit amet，是一位杰出的献身者。nostra Action中的Hoc非est位置。如果你死了，塞缪斯会死吗？不可分割的，不可分割的。
Lorem ipsum dolor sit amet，是一位杰出的献身者。nostra Action中的Hoc非est位置。如果你死了，塞缪斯会死吗？我不知道，你写的代码很好用。
非常感谢@RokoC.Buljan，我刚刚试用了你写的代码，效果很好。就像我所期望的：）