如何通过点击jquery中的孩子获得父母的ID

我想在点击孩子时得到父div的id，但找不到任何逻辑来做到这一点。让我们举一个例子： -如何通过点击jquery中的孩子获得父母的ID

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

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

来源

2017-05-27 AliSavi

假设你想直接父，这将会是'$（本）.parent（）。ATTR（ “ID”）'（其中'这是＃child1元素）。 –

由于点击事件冒泡，您应该最有可能将您的点击处理程序附加到'＃parent1'开始以实现所需的结果（未知），而无需额外的步骤... – CBroe

尝试这种方式

$('.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>

来源

2017-05-27 21:16:45 LXhelili

如何通过点击jquery中的孩子获得父母的ID

回答

相关问题