如何通过在jquery中单击child来获取父级的id

时间:2017-05-27 21:11:01

标签: javascript jquery

我想在点击子节点时获取父div的id,但找不到任何逻辑来执行此操作。让我们举几个例子: -

<div class="something" id="mainParentDiv">
    <div class = "childClass" id = "parent1">
       <div id = "child1" class = "smallestChild">
       </div>
    </div>
</div>

如何点击“smallestChild”获取id“parent1”?我是JQuery的新手,很抱歉,这个问题是如此天真或基本。我真的无法找到解决方案。还有其他问题,但他们要求通过点击父母来获取孩子的身份。提前致谢。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

试试这种方式

$('.smallestChild').click(function(){
  $(this).parent().attr('id');
  console.log($(this).parent().attr('id'));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="something" id="mainParentDiv">
    <div class = "childClass" id = "parent1">
       <div id = "child1" class = "smallestChild">Button
       </div>
    </div>
</div>