Javascript 仅显示/隐藏一个元素的脚本，而不是全局显示/隐藏脚本

我有一个新闻页面，它（为了篇幅）使用显示/隐藏脚本来显示长内容。 问题是脚本全局应用于所有内容，我希望它只应用于一个元素或最近的元素

脚本：

$(document).ready(function(){ 

   $(".btn1").click(function(){
      $("p.esl").hide();
   }); 

   $(".btn2").click(function(){
      $("p.esl").show();

   });
});

网站：

---

另外，我是jQuery新手，所以我的技能非常有限。

使用

id

而不是

类

$（文档）.ready（函数（）{
$（“#btn1”）。单击（函数（）{
$（“p#esl1”）.hide（）；
}); 
$（“#btn2”）。单击（函数（）{
$（“p#esl1”）.show（）；
});
});

这是我的段落！！！！嗨，我可以躲起来
这是我的段落！！！！嗨，我不会躲起来的
隐藏
show
以下代码将解决您的问题

$(document).ready(function(){ 

   $(".btn1").click(function(){
      $(this).parents(".news-item").find(".esl").hide();
   }); 

   $(".btn2").click(function(){
      $(this).parents(".news-item").find("p.esl").show();
   });
});

此代码不会隐藏所有只隐藏属于新闻项的p标记
正如@naveen所说的，干杯是处理这种情况的最好方法

$(document).ready(function(){ 

   $(".btn1").click(function(){
      $(this).parents(".news-item").find(".esl").hide();
   }); 

   $(".btn2").click(function(){
      $(this).parents(".news-item").find("p.esl").show();
   });
});

在这个逻辑中，遍历到它的部分并找到它自己的子项将解决事件单击问题。
最接近什么？您可能还应该添加一些HTML，并更好地解释isse！对1个元素使用
id
，而不是
class
。在单击处理程序中使用
this
，使用任何横向方法针对与特定单击元素相关的特定元素。现在，您必须发布有问题的相关HTML标记本身。这对于未来的读者来说是完全没有用的，他们只能在任何第三方网站上发布链接。如果您的HTML标记站点发生更改，该怎么办？？？请尝试计算字符数，然后在文章的高度达到所需的长度时应用“显示和隐藏内容检查”。当你长时间隐藏时，不要隐藏。请不要再解释同样的事情，相反，你可以竖起大拇指。