PHP和SQL搜索系统变量问题

我正在尝试创建一个搜索我的SQL数据库的玩家搜索系统。一切正常，但是当我尝试为播放器创建更多信息弹出窗口时，变量实际上不起作用。

PHP 和 JS 代码：

$(document).on('click', '#search-result', function(){
    $("#myDiv").fadeIn();
});
$(document).on('click', '#close', function(){
    $("#myDiv").fadeOut(); 
});

<?php
$output = NULL;
if(isset($_POST['submit'])) {
    $mysqli = NEW MySQLi ("localhost", "root", "", "textus");
    $search = $mysqli->real_escape_string($_POST['search']);
    $resultSet = $mysqli->query("SELECT * FROM players WHERE player_name LIKE '%$search%' ORDER BY kills DESC LIMIT 10");
    if($resultSet->num_rows > 0) {
        while($rows = $resultSet->fetch_assoc())
        {
            $player_name = $rows['player_name'];
            $kills = $rows['kills'];
            $current_team = $rows['current_team'];
            $output = " <div id='"myDiv'">'n
                        <div id='"player-popup-name'">$player_name</div>
                        <div id='"close'">X</div>'n
                        <img id='"player-popup-model'" src='"http://www.minecraft-skin-viewer.net/3d.php?layers=true&aa=true&a=0&w=0&wt=0&abg=0&abd=0&ajg=0&ajd=0&ratio=8&format=png&login=$player_name&headOnly=false&displayHairs=true&randomness=104'"
                        'n
                        </div>'n 
                        'n
                        </div>'n
                        <a id='"search-result'">'n
                        <div id='"player-head'">'n</div>'n
                        <img id='"search-result-player_head'" src='"http://www.minecraft-skin-viewer.net/3d.php?layers=true&aa=true&a=0&w=310&wt=50&abg=330&abd=40&ajg=340&ajd=20&ratio=13&format=png&login=$player_name&headOnly=true&displayHairs=false&randomness=396'" height='"45px'" width='"45px'">'n
                        <div id='"search-result-player_name'">$player_name</div>'n
                        <div id='"search-result-team_name'">$current_team</div>'n
                        <div id='"search-result-kills'">$kills</div>'n
                        <div id='"search-result-banner'"></div>'n
                        </a>'n
     
    

                        ";
            echo "$output";
        }
    }else{
        $output = "<div id='"no-result'">Ingen spelare hittad, sök igen...</div>";
        echo "$output";
    }
}
?>

这是它的样子：

我没有 10 次，所以这里有一个 gyazo 链接：http://i.gyazo.com/4395819df524124614246612aa2c5bd8.png

搜索就像我想要的那样工作，但假设我单击了第一个结果并想了解更多信息

这是我按下列表的第一个结果时的样子：http://i.gyazo.com/b2ab39572c0148b5376beb0c2928e800.png

这也是我想要的。但问题是这样的。如果我单击列表中的任何其他结果，我会得到与第一个结果相同的变量。例如，如果我按第三个结果，我仍然会得到与按第一个结果相同的弹出窗口。

如果我更改搜索并单击它仍然使用第一个结果变量。

所以我需要帮助的是我如何使每个结果使用它自己的变量作为弹出窗口/更多信息div。

$(document).on('click', '#search-result', function(){
    $(this).find("#myDiv").fadeIn();
});
$(document).on('click', '#close', function(){
    $(this).find("#myDiv").fadeOut(); 
});