Selecting text from box that was clicked

[mitchell]

Hi guys, i currently have a page which has lots of boxes with different data in them like this:

<div class="box">
                
        <div class="box_name">
         Test Name
         </div>

        <div class="time">
            12:45
        </div>
                    
        <div class="message">
        A message 
         </div>


<a href="#" id="button">View Content</a>

</div>

and i want to grab the value which is inside the time class div and pass it to the popup box.
currently this gets the value:

$('#button').click(function() {


            var time = $('.time').html(); 

but because the .time class is used on each box it always passes the content from the first box on the page.

is there no way to implement "$this" into the function so it gets the time value only from the box which was clicked.
im stuck.

hope that made sence

David

[ReFreezed]

There is! The closest() function will traverse upwards through the parents until specified element is found. If you change the button ID to a button class this code will work:

$('.button').click(function(){
	var box = $(this).closest('.box'); // get's the box the button is in
	var time = $('.time', box).text(); // finds the .time element in the box