0

こんにちは、スクリプトを作成しようとしています。jQuery は初めてで、まだ学習中です。

しかし、このコードを機能させる方法を聞きたかったのですが、

$(document).ready(function() {

  if($(".divs").hasClass('extra'))
    {
        $(".close-divs-button").css('display', 'none');
      }
      else
      {
        $(".close-divs-button").css('display', 'block');
    }

});

クリックすると、.extra クラスを追加してその DIV を展開する Div がいくつかあります。

また、少なくとも 3 つ以上の DIVS に .EXTRA クラスがある場合にのみ .close-divs-button を表示して、ユーザーがクラスを切り替えて .extra を 1 つずつクリックして削除する必要がないようにしたいと考えています。そのグローバルクローズ機能を持つボタンを追加します。

助けていただければ幸いです。

4

3 に答える 3

1

私は先に進み、ほぼすべてのロジックを追加しました。やりたいことは.length、前述のように javascript プロパティを使用して要素数を確認することですが、正確に 3 つではなく、3 つ以上ある場合は要素を閉じたいと思います。
したがって、そこにあるロジックは

 if($(".extra").length > 2){
     $(".close-divs-button").show();   
 }else{
     $(".close-divs-button").hide();
 }

これは、私が言及した例のフィドルです - http://jsfiddle.net/friiks/wgcmn/。

于 2013-07-23T06:06:46.650 に答える
1

あなたのロジックは次のようになると思います..

if($('div.extra').length >= 3)
{
   $(".close-divs-button").show();
}else{
   $(".close-divs-button").hide();
}
于 2013-07-23T06:00:25.097 に答える