Question

我有问题，我不知道如何解决它... 我有以下代码：

<div id="one">
   <div id="two">
      <div id="three">
         <img class="close" id="close" src="../img/close.png" height="15px" onclick="close(this)"/>
      </div>
   </div>
</div>

<script>
$('.close').click(function(){
    $(this).parents('#one').css('display','none');
</script>

有了这个，如果我点击图像，这将隐藏div“one”（因为我说的名字）。但是......我能用一些var吗？我的意思是......我不想在我的javascript代码上说出我要自动执行的ID，如：$（this）.parents（）。parents（）parents（）...但我知道它没有是的，我正在寻求你的帮助：D

非常感谢。

Answer 1

根据您的具体情况，最简单的方法是将一个类（例如.select-this-one）添加到您要在单击图像时选择的div，然后执行以下操作：

$('.close').on('click', function() {
    $(this).parents('.select-this-one').css('display', 'none');
});

Answer 2

是的，您可以使用.parent()代替.parents()，如下所示：

$('.close').click(function() {
    $(this).parent().parent().parent().css('display','none');
});

jQuery文档：http://api.jquery.com/parent/

Answer 3

而不是父母使用父母：

$('.close').on('click', function(){
    $(this).parent().parent().parent().css('display','none');
});

但是你还需要计算你想要升级的等级

这是父母的父母

3 个答案: