使用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');

<强> DEMO

注意

^=是 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

<强> DEMO