在Jquery / Javascript中获取父ID

Question

当我点击输入文字时，如何获得Parent Div id（id =＆＃34; parent＆＃34;）？ 这是我的示例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>