0

ULリストを次のように設定しています。

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

そのリストの「ahref」をドリルダウンしてクラス属性を変更しようとしていますが、問題が発生しています。

私は次のことを試しましたが、うまくいかないようです。誰かが私をまっすぐに操縦するのを手伝ってくれますか?

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

1 に答える 1

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

デモ

ノート

^=属性はセレクタセレクタで始まります。この場合は、で始まる属性を示します。ahrefstep

あなたのアプローチでは

 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

デモ

于 2012-06-26T16:06:48.353 に答える