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

【问题标题】：How can i assign the name of an anchor tag to a variable in JS?如何将锚标记的名称分配给 JS 中的变量？
【发布时间】：2019-09-18 13:27:20
【问题描述】：

当用户单击导航栏中的链接时，我想将链接的名称（锚标记）分配给 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，其中 name = 分配的变量（至少这是我当前计划的样子；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'];*/
    }
  }

谢谢。

【问题讨论】：

你想通过 ajax 加载数据吗？你的问题到底是什么？
我的第一个问题是如何将点击俱乐部名称分配给一个变量，以便我可以使用该变量从 SQL 调用所需的数据。第二个问题是如何创建最智能的解决方案，将数据加载到导航栏中用户选择的仪表板中。确实，Ajax 可能是最好的解决方案。

标签： javascript php html database

【解决方案1】：

据我了解您的问题，您希望在每次点击时获取每个锚点的 HTML。解决办法是-

$('ul.subbar li a').on('click', function(e) { 
 e.preventDefault(); 
 var team = $(this).html();
})

您将获得每个锚标记的名称。

【讨论】：

hm 当我点击导航栏上的一个团队时，我没有得到 console.log(team) 的 console.log 输出
更新：成功了。 js 文件的链接位于我的 index.php 文件的顶部。我把它放在底部，现在它可以工作了。但这是为什么呢？我的意思是让js文件加载，然后是html，然后我点击导航栏，为什么这种方法不起作用？仅作记录，谢谢。
注意：如果您使用的是 jQuery，则将 jquery.min.js 放在 head 部分，将所有自定义 js 文件或函数放在页脚中。