Question

我正在产品页面上创建评论模块，其中我显示垃圾评论的选项，并且我正在显示onclick show和隐藏弹出窗口。现在它在单个注释中工作正常，但是当注释为2时，它一次打开，因为类是相同的。现在这就是为什么我想得到父li id所以我们只能找到那个id的内部类而不是另一个

这是我的jsfiddle链接

这是我的剧本

$(".slidermenudown .fa-angle-down").on("click",function(){

 if($(".anthr_usr_cmnt").hasClass("active")){

    $(".anthr_usr_cmnt").removeClass("active");

  }else{
    if($(".owner_cmnt").hasClass("active")){
      $(".owner_cmnt").removeClass("active");
    }
    $(".anthr_usr_cmnt").addClass("active");
  }

});

Answer 1

试试这个：

JS

.active{
   display:block;  
 }

CSS

{{1}}

Answer 2

使用$（this）来引用事件的目标对象。

从那里，您可以$(this).find('.some-child-object')或$(this).parents('.some-ancestor')甚至$(this).sibblings('div')等。

$(".slidermenudown .fa-angle-down").on("click",function() {
    var $this = $(this); // "this" is the click's target. 
    var $anthr = $this.find(".anthr_usr_cmnt");
    var $owner = $this.find(".owner_cmnt");

    if ($anthr.hasClass("active")) {
        $anthr.removeClass("active");
    }
    else {
        if ($owner.hasClass("active")) {
            $owner.removeClass("active");
        }
        $anthr.addClass("active");
    }
});

Answer 3

试试这个，我已经修改了你的小提琴本身和你的css。

https://jsfiddle.net/Lse3s3uv/3/

＆＃13;

.active{
  display:block;
}

＆＃13;

    $(".slidermenudown .fa-angle-down").on("click", function() {

  var $this = $(this).parents('.comment'); // "this" is the click's target. 
  console.log($this);
  var $anthr = $this.find(".anthr_usr_cmnt");
  console.log($anthr);
  var $owner = $this.find(".owner_cmnt");
  console.log($owner);

  if ($anthr.hasClass("active")) {
    $anthr.removeClass("active");
  } else {
    if ($owner.hasClass("active")) {
      $owner.removeClass("active");
    }
     //to remove hide others
    $('.anthr_usr_cmnt').removeClass('active');

    $anthr.addClass("active");
  }
});

＆＃13;

如何通过点击子ID然后通过jquery获取父ID来查找父ID

3 个答案: