如何将锚标记的名称分配给 JS 中的变量？

Question

当用户单击导航栏中的链接时，我想将链接的名称（锚标记）分配给 JS 变量。此外，我想使用该变量通过 php 从 SQL 调用数据。

例如，如果用户在导航栏中单击“FC Bayern München”，我希望应用程序显示我存储在 SQL 中的相应数据（..构建足球仪表板以学习编程..）

到目前为止，我还没有走得很远：

$('ul.subbar li a').on('click', function(e) { // User clicks nav link

  e.preventDefault(); // Stop loading new link

  var team = 

html结构：

    <div id="sidebar">

      <header>

        <a href="#">DASOCC</a>

      </header>

      <ul class="nav">

        <li class="countries"><img src="images/germany.png" alt="germany">1. Bundesliga

          <ul class="subbar">

            <li><a class="team">FC Bayern München</a></li>

            <li><a class="team">Borussia Dortmund</a></li>

            <li><a class="team">Bayer Leverkusen</a></li>

            <li><a class="team">RB Leipzig</a></li>

            <li><a class="team">VfL Wolfsburg</a></li>

            <li><a class="team">SC Freiburg</a></li>

            <li><a class="team">Eintracht Frankfurt</a></li>

            <li><a class="team">Borussia M. Gladbach</a></li>

            <li><a class="team">FC Schalke 04</a></li>

            <li><a class="team">TSG Hoffenheim</a></li>

            <li><a class="team">1. FC Union Berlin</a></li>

            <li><a class="team">Fortuna Düsseldorf</a></li>

            <li><a class="team">Werder Bremen</a></li>

            <li><a class="team">1. FC Köln</a></li>

            <li><a class="team">SC Paderborn</a></li>

            <li><a class="team">FC Augsburg</a></li>

            <li><a class="team">Hertha BSC Berlin</a></li>

          </ul>

用于从 SQL 中获取数据的 php 代码（我必须将其更改为选择 X、Y、Z，其中名称 = 分配的变量（至少这是我当前计划的样子；p）

<?php

  include_once 'dbh.inc.php';

  $sql = "SELECT name from teams;";

  $result = mysqli_query($conn, $sql);

  $resultCheck = mysqli_num_rows($result);

  if ($resultCheck > 0) {

    while ($row  = mysqli_fetch_assoc($result)) {

      /*echo $row['name'];*/

    }

  }

Answer 1

据我了解您的问题，您希望在每次点击时获取每个锚点的 HTML。解决办法是——$('ul.subbar li a').on('click', function(e) {&nbsp;&nbsp;e.preventDefault();&nbsp;&nbsp;var team = $(this).html();})您将获得每个锚标记的名称。