jQuery, получение значения с помощью одного класса и нескольких ссылок

Question

Вот проблема, с которой я сталкиваюсь. У меня есть список имен, если щелкнуть имя, мне нужен jQuery для передачи переменной на другую страницу.

Это то, что у меня есть, но, конечно, это только имя.

$('.nameLink').live('click', function()  {
    var coachName = $('.coachName').val();
    $('#grayBorder').load('/team.php?coachName='+coachName);                
});

И php-код, который генерирует имена тренеров:

while($row=mysql_fetch_assoc($query)){
    echo '<a class="nameLink">
   <input type="hidden" class="coachName" value="'.$row['coach'].'" />
   '.$row['coach'].'
   </a>';

}

Можно ли написать это так, чтобы оно получило правильное имя?

Answer 1

Вместо $('.coachName') вы должны иметь $('.coachName', this)

В настоящее время вы ищете всю страницу для элементов с классом coachName, но вы действительно хотите найти только элемент ниже элемента, по которому щелкнули. Передав функции jQuery context (в вашем случае this), вы говорите ей только для поиска в этой области.

Answer 2

Попробуйте:

 var coachName = $(this).children('.coachName').val();