Javascript 如何通过单击另一个类元素来获取类的当前html值

我从数据库中获取数据，在数据库中，我希望通过单击另一个最近的类来获取当前类的html值，并将其显示在另一个输入标记上

脚本

while($row = $query->fetch(PDO:: FETCH_ASSOC)) {
    $player= $row->['player'];
    $runs = $row->['runs'];
    $balss= $row->['balls'];

    $Name = "<strong class='player'> $player </strong>"; 
    $score = "<i class='runs'> $runs </i>";
    $balls= "<i class='balls'> $balls</i>";

    }

<div class="popup">
<input type="text" id="player" >
<input type="text" id="runs" >
<input type="text" id="balls" >
</div>


$(document).on('click', '.player', function(){
    $(".popup").toggle();
    var player = document.getElementsByClassName('player');
    for (var i = 0; i < player.length; i++)
    $("#player").val(player[i].html);

    var score = document.getElementsByClassName('runs');
    for (var i = 0; i < score.length; i++)
    $("#runs").val(score[i].html);
});

while（$row=$query->fetch（PDO:：fetch\u ASSOC））{
$player=$row->['player']；
$runs=$row->['runs']；
$balss=$row->['balls']；
$Name=“$player”；
$score=“$runs”；
$balls=“$balls”；
}
$（文档）.on（'单击'，'.player'，函数（）{
$（“.popup”）.toggle（）；
var player=document.getElementsByClassName（'player'）；
对于（变量i=0；i

您只需使用Jquery中的

$（this）

和

.next（）

，即可使其正常工作

$（文档）.on（'click'，'player'，function（））{
var player=$（this.data（'name'）；
var runs=$（this.data（'runs'）；
$（“.popup”）.show（）；
$（“玩家”）.val（玩家）；
$（“#运行”）.val（运行）；
});

player1
20


player2
30


player3
59


player4
46




请显示服务器端语言的渲染输出或给出输出示例。感谢you@NewToJS输出应该是（smith 39，Taylor 57，Dany 28）我的答案呢？我很抱歉我错过了什么@Dishkosorry如果我在附近使用了超过1个类，那么我应该使用什么来代替
next（）
。