javascript - 检查地址栏中的字符串是否与 li id 匹配

Question

我需要检查我的地址中是否有与我的 li id 中的单词匹配的单词:

<ul>
   <li id="filter-myId" class="noSelected">Text</li>
</ul>

要检查的 url 地址示例:

http://www_link.com/D=.myId

但是在窗口地址栏上它只会显示“myId”而没有“filter-”，所以我想我需要检查“filter-”后面的内容是否与窗口地址上出现的字符串匹配。如果是这样，li 将获得一个“选择”的类

帮忙？

Answer 1

我建议，尽管目前尚未测试，但大致如下:

var string = document.location.href.split('=')[1];

if ($('li[id*="' + string + '"]').length){
    $('li[id*="' + string + '"]').addClass('selected');
}

要将搜索限制为具有 filter- 前缀的 li 元素:

var string = document.location.href.split('=')[1];

if ($('li[id^="filter-"][id*="' + string + '"]').length){
    $('li[id^="filter-"][id*="' + string + '"]').addClass('selected');
}

引用文献:

• Attribute-contains ([attribute*="value"]) selector .
• Attribute-starts-with ([attribute^="value"]) selector .