Question

当我点击class="team-single"的{{1}}时，它应该会打开该特定ID的id="team-1"。

但它似乎不起作用。

.team-popup

这就是我用于js的原因

<div class="team-single" id="team-1">
  <div class="team-popup">     
      <span class="close-btn">x close</span>    
  </div>
</div>
<div class="team-single" id=team-2>
  <div class="team-popup">        
      <span class="close-btn">x close</span>   
  </div>
</div>

Answer 1

我会减少你所拥有的东西：

jQuery(".team-single").click(function(e) {
    jQuery(this).find('div.team-popup').show();
});

Answer 2

将find()与this一起使用以获取当前上下文

jQuery(".team-single").click(function(e){ 
     jQuery(this).find(".team-popup").css({ display :"block", 
    });
//Or 
// jQuery(".team-popup",this).css({ display :"block", 
    });
});

为什么你的代码不起作用：

您将ID存储在变量中，并使用选择器访问此变量：

jQuery("#"+currentID+" .team-popup").

Answer 3

变量不在字符串内替换。如果要在字符串中使用变量，则必须使用串联：

$("#" + currentID + " .team-popup")

但使用$(this).find()的答案是更好的解决方案。我发布此信息是为了让您了解代码的错误。

Answer 4

使用此：

jQuery(".team-single").click(function(e){ 
     $(this).children().css("display", "block");
});

打开特定div的弹出窗口

4 个答案: