-4

アンカータグをクリックしてクラスを追加および削除する必要があります。

 <div class="activeTab">
    <a href="#." class="active">Active</a>
    <a href="#.">Inactive</a>
</div>

上記の div には 2 つのアンカー タグがあり、「アクティブ」と「非アクティブ」の 1 つはクラス「アクティブ」です。私の要件は、「非アクティブ」アンカータグをクリックしてその「アクティブ」クラスを削除し、クリックされた「非アクティブ」アンカーにクラス「アクティブ」を追加する必要があります。「アクティブ」アンカーを再度クリックすると、クラスはフォーム「非アクティブ」を削除します" アンカー & は "アクティブ" アンカーに追加されます。jqueryで。

4

3 に答える 3

0

よくわからなかったら…

私はあなたが望むこと（またはあなたが望むことを推測すること）を行う古いlilスニペットのreforkを作成しましたxDD

私の英語で申し訳ありませんが、それを書くのは難しいです。

HTML

<div class="container">

  <div class="activeTab">
      <a href="#." class="button_active">Active</a>
      <a href="#." class="button_inactive">Inactive</a>
  </div>

</div>

CSS

.activeTab { width:100%; padding:30px 0 20px 0; background:#fff; } 
.active { background: #f0f0f0; }

JS

$(function() { $( ".button_active" ).click(function() {

$( ".activeTab" ).addClass("active");

return false; }); });

$(function() { $( ".button_inactive" ).click(function() {

$( ".activeTab" ).removeClass("active");

return false; }); });

JSFiddle http://jsfiddle.net/aritz81/74bGe/1/で動作するデモを見ることができます。

于 2013-05-14T14:40:57.440 に答える
0 
$('div.activeTab a').click(function(){
    var $this = $(this);
    $this.parent().find('a').removeClass('active');
    $this.addClass('active');
})
于 2013-05-14T12:21:08.387 に答える