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();