Selecting text from box that was clicked

This site is best viewed in a modern browser with JavaScript enabled.

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 [FONT=courier new]closest()[/FONT] function will traverse upwards through the parents until specified element is found. If you change the [FONT=courier new]button[/FONT] ID to a [FONT=courier new]button[/FONT] 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