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

当用户单击导航栏中的链接时，我想将链接的名称（锚定标记）分配给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>

1。德甲


谢谢。
我理解你的问题，你想在每次点击时获得每个锚的HTML。解决办法是-

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

您将获得每个锚定标记的名称。
我理解您的问题，您希望在每次单击时获得每个锚定的HTML。解决办法是-

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

您将获得每个锚定标记的名称。
是否要通过ajax加载数据？您的问题是什么？我的第一个问题是如何将click club名称分配给变量，以便使用该变量从SQL调用所需的数据。第二个问题是如何创建最智能的解决方案，将数据加载到导航栏中用户选择的仪表板中。事实上，Ajax可能是最好的解决方案。您想通过Ajax加载数据吗？您的问题是什么？我的第一个问题是如何将click club名称分配给变量，以便使用该变量从SQL调用所需的数据。第二个问题是如何创建最智能的解决方案，将数据加载到导航栏中用户选择的仪表板中。Ajax可能是最好的解决方案，的确如此。嗯，当我在navbarupdate上单击团队时，我没有得到console.log（团队）的console.log输出：它成功了。js文件的链接位于我的index.php文件的顶部。我把它放在底部，现在它工作了。但为什么呢？我的意思是先加载js文件，然后加载html，然后单击导航栏，为什么这种方法不起作用？请注意：如果您正在使用jQuery，请将jQuery.min.js放在头部，将所有自定义js文件或函数放在footer.hm中。当我在navbarupdate上单击团队时，我没有得到console.log的console.log输出。更新：成功了。js文件的链接位于我的index.php文件的顶部。我把它放在底部，现在它工作了。但为什么呢？我的意思是先加载js文件，然后加载html，然后单击导航栏，为什么这种方法不起作用？请注意：如果您使用jQuery，请将jQuery.min.js放在头部，将所有自定义js文件或函数放在页脚。