如何获取当前activelink和锚标签信息ul lijquery

Question

我正在使用 jquery，我在 ul li 中有 4 个锚标签，我希望每当用户搜索某些内容时我想知道“当前活动 link”，这样我就可以运行我根据选定的“锚标签”查询，我该怎么做？这是我的代码

<ul class="categorisbtn" id="categorisbtn" name="categorisbtn">
              <li ><a href="javascript:void(0);" class="nav-link activelink" data-tagc="Company"><img src="images/inner-img/Company-Report.svg" alt="img" class="img-fluid"> Company Report</a></li>
              <li ><a href="javascript:void(0);" class="nav-link" data-tagc="StateR"><img src="images/inner-img/State-Report.svg" alt="img" class="img-fluid"> State Report</a></li>
              <li ><a href="javascript:void(0);" class="nav-link" data-tagc="BasinR"><img src="images/inner-img/Basin-Report.svg" alt="img" class="img-fluid"> Basin Report</a></li>
              <li ><a href="javascript:void(0);" class="nav-link" data-tagc="SectorR"><img src="images/inner-img/Sector-Report.svg" alt="img" class="img-fluid"> Sector Report</a></li>
            </ul>

我尝试了以下代码

$(document).on("keyup", "#search_param", function () {

              var interest = $('ul#categorisbtn').find('li.activelink').data('interest');
            alert(interest);
 });

Answer 1

在页面加载时，在页面头部部分，您可以添加设置活动的方法link -

<script type="text/javascript">

$(document).ready(function(){
  $('ul.categorisbtn li a').click(function(){
        // remove all classes
        $('li a').removeClass('activelink');
        // add class to the selected element
        $(this).addClass('activelink');
    });
});

</script>

然后，按你的搜索方式

$(document).on("keyup", "#search_param", function () {

  var interest = $('ul.categorisbtn').find('li>a.activelink').data('tagc');
  alert(interest);
 });

如何获取当前activelink和锚标签信息ul lijquery

How to get current active link and anchor tag information ul li jquery

javascript

php

jquery