jquery - 使用 Jquery 深入了解 UL

Question

我有一个 UL 列表设置如下：

<div id="menu">
 <ul>
   <li>
    <a href="step-1" />
   </li>
   <li>
    <a href="step-2" />
   </li>
 </ul>
</div>

我正在尝试深入研究该列表中的“a href”并更改类属性，但遇到了一些麻烦。

我尝试了以下方法，但似乎没有奏效，有人可以帮我引导吗？

 var menuItem = $('#menu ul li').find('a:has(href="#step-'+num+'")');
 menuItem.removeClass('disabled');
 menuItem.addClass('done');

Answer 1

$('#menu ul li a[href^="step"]').removeClass('disabled').addClass('done');

演示

笔记

^=是Attribute Starts With Selector选择器，在这种情况下，它指出a那些href以step

在你的方法中

 var menuItem = $('#menu ul li').find('a[href^="step"]');
 menuItem.removeClass('disabled');
 menuItem.addClass('done');

根据评论中的小提琴分享

$('#wizard ul li a[href="#step-'+ step +'"]').removeClass('disabled').addClass('done');

不是

$('#menu ul li a[href="#step-'+ step +'"]').removeClass('disabled').addClass('done');

没有什么id=menu，它是id=wizard

演示