javascript - 将 url 的最后一个字符串与 li 的 id 名称进行比较

Question

我需要将 url 的最后一个字符串与 an 的 id 进行比较<li>，如果相同，则执行某些操作。在下面的示例中，我首先使用我的代码将其与通用 ID 进行比较，它可以工作，但我还需要针对<li>s 的特定 id，需要提到这些<li>s 以字符串“filter-”开头，因此我也需要删除“filter-”，然后获取 id 的最后一位，最后将其与 url 的最后一个字符串进行比较，如果相同，请做一些事情。我试过这个：

示例网址：

url: http://www_example_com/category=.name

示例 html：

<div class="leftNav">
   <ul id="name">
      <li id="filter-name">Lorem</li>
      <li id="filter-name2">Lorem</li>
   </ul>
</div>

结束前的</head>：

    jQuery(window).load(function() {
       var string = document.location.href.split('=.')[1];
       var stripString = $(".leftNav ul li").attr("id").replace("filter-", "");
       $(".leftNav ul").hide();
       $("#" + string).slideDown("slow");
       if(string == stripString) {
           $("#" + stripString).slideDown("slow");
       }
    });

任何人？谢谢

Answer 1

我想，你想要这个：

var token = document.location.href.split('=.')[1];
$(".leftNav ul").children().andSelf().hide();
$("#" + token).slideDown("slow");
$(".leftNav ul li[id$='"+token+"']").slideDown("slow");

或者最后一行可以改为：

$(".leftNav ul li#filter-"+token).slideDown("slow");