php - 为按钮点击填充一个单独的 div，其中按钮 ID 基于变量

Question

我目前有一个表，其中填充了 MySQL 数据，如下所示:

 $result = mysqli_query($con,"SELECT * FROM artist LIMIT 10");
if (!$result) {
    printf("Error: %s\n", mysqli_error($con));
    exit();
}




      //show artist data in table
       echo "<table><th>BadNoise Artists</th>";
 while($row = mysqli_fetch_array($result))
          {
          echo "<tr><td>" . $row['FirstName'] . "</td><td>" . $row['LastName'] . "</td><td><button id='" . $row['ArtistNumber'] . "'>Songs by this artist</button></tr>" ;
          }
 echo "</table>";
 mysqli_close($con);

?>

header 中的脚本告诉每个按钮单击以填充相同的 div:

<script>
$(document).ready(function(){
  $("button").click(function(){
       var ArtistNumber = $(this).attr('id');
    $("#div1").load("demo_test" + ArtistNumber + ".txt");
  });
});
</script>

我需要做的是在表格的每一行中为每个结果放置一个 div，并在单击时让该行的按钮填充该行的 div

Answer 1

我想我知道你想做什么。你想要的是每行中的一个 div，当你单击按钮时它会被填充。所以您的 PHP 代码将如下所示:

while($row = mysqli_fetch_array($result))
{
echo "<tr><td>" . $row['FirstName'] . "</td>
<td>" . $row['LastName'] . "</td>
<td><button id='" . $row['ArtistNumber'] . "'>Songs by this artist</button></td>
<td><div id='artist" . $row['ArtistNumber'] . "'></div></td></tr>" ;
}

你会改变你的 JQuery 把它放在 div 使用它的 id:

$("#artist" + ArtistNumber).load("demo_test" + ArtistNumber + ".txt");

希望这对您有所帮助!