在jquery/Javascript中獲取父標識號

Question

當我點擊進入輸入文本時，如何獲得父分區標識（id =「parent」）？ 這裏是我的HTML代碼示例：

<div id="parent"> 
    <div class="child"> 
    <input class="form-control" /> 
    </div> 
</div> 

Answer 1

$("input.form-control").click(function(){ 
 
    
 
    var parentId= $(this).parent().parent().attr('id'); 
 
    alert(parentId); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="parent"> 
 
    <div class="child"> 
 
    <input class="form-control" /> 
 
    </div> 
 
</div>

Answer 2

試試下面

$(document).ready(function() { 
 
    $('input.form-control').click(function() { 
 
    alert($(this).parent().parent().attr('id')); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="parent"> 
 
    <div class="child"> 
 
    <input class="form-control" /> 
 
    </div> 
 
</div>