How to alert the value using $this in jquery?

Question

I have this code and i want to alert the value of "first div" when i click the button on the first object and "second div" when i click the button on the 2nd object. .

How will i do it ? thanks :)

 $(document).ready(function(e) { $('.clickme').click(function() { var selected = $(this).closest('.rel-wrap').find('.my-div').text; alert(selected); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> <div class="main-wrapper"> <div class="rel-wrap"> <input type="button" class="clickme" value="click me"> <div class="my-div"> first div </div> </div> <div class="rel-wrap"> <input type="button" class="clickme" value="click me"> <div class="my-div"> second div </div> </div> 

Answer 1

1. To get innerText of an element you need to use text() method, not the property
2. You can use next() , no need of traversing to the parent to get the interested element

Demo

 $(document).ready(function(e) { $('.clickme').click(function() { var selected = $(this).next('.my-div').text(); alert(selected); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> <div class="main-wrapper"> <div class="rel-wrap"> <input type="button" class="clickme" value="click me"> <div class="my-div"> first div </div> </div> <div class="rel-wrap"> <input type="button" class="clickme" value="click me"> <div class="my-div"> second div </div> </div> </div>