为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

阿波罗的战车 2021-10-21 14:06:17
当用户单击导航栏中的链接时,我想将链接的名称(锚标记)分配给 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'];*/    }  }
查看完整描述

1 回答

?
动漫人物

TA贡献1815条经验 获得超10个赞

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


$('ul.subbar li a').on('click', function(e) { 

 e.preventDefault(); 

 var team = $(this).html();

})

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


查看完整回答
反对 回复 2021-10-21
  • 1 回答
  • 0 关注
  • 171 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信