1

機能上の理由でクラスを削除するスクリプトがあります。問題は、必要なクラスだけでなく、すべてのクラスを削除することです。

HTML

  <ul id="slidecontrols" class="sc-nav">
  <li class="dont-remove">
     <a href="#one" class="user-management shadow1">User Management</a>
  </li>
  <li class="dont-remove">
    <a href="#two" class="asset-management shadow1">Asset Management</a>
  </li>
   <li class="dont-remove">
    <a href="#three" class="reporting shadow1">Reporting & Analytics</a>
  </li>
  </ul>

クラス.selectedを追加し、その「li」要素にある他のすべてのクラスとともにクラス.selectedを削除するjQuery。

$(document).ready(function () {

//Set the initial state: highlight the first button...
$('#slidecontrols').find('li:eq(0)').addClass('selected');

//and hide all slides except the first one
$('#slides').find('> div:eq(0)').nextAll().hide();

//actions that apply on click of any of the buttons
$('#slidecontrols li').click(function (event) {

    //turn off the link so it doesn't try to jump down the page
    event.preventDefault();

    //un-highlight the buttons
    $('#slidecontrols li').removeClass();

    //hide all the slides
    $('#slides > div').hide();

    //highlight the current button
    $(this).addClass('selected');

    //get the index of the current button...
    var index = $('#slidecontrols li').index(this);

    //and use that index to show the corresponding slide
    $('#slides > div:eq(' + index + ')').show();

});

});

< /script>
4

1 に答える 1

0

jsBinデモ

それ以外の：

$('#slidecontrols li').removeClass();

使用する：

$('#slidecontrols li').removeClass('selected');
于 2012-08-21T09:37:38.543 に答える