CODEWITHSUNDEEP
jqueryhtml
John
John

Reputation: 3

Get parent id in Jquery/Javascript

How can i get Parent Div id (id="parent") when i click into the input text? Here is my sample html code:

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

Upvotes: 0

Views: 322

Answers (2)

Puneet
Puneet

Reputation: 2051

$("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>

Upvotes: 6

Pugazh
Pugazh

Reputation: 9561

Try the below

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

Upvotes: 2

Related Questions