jquery - jquery show、同じクラスの要素を表示しようとしています

Question

.modifたとえば: title="one"、すべてのボックスに同じクラスがありますが、クラスbox_one.box_slideを持つ人だけを表示し、他の人を非表示にしようとしています。すべてのボックスにクラス.box_slide

問題は、すべてのボックスが隠れていることです。誰かがこれを行うためのより良い方法を教えてくれますか?

$('.modif').click(function (){    
    var title = $(this).attr('title'); 
    $('.box_slide').hide();
    $('.box_' + title).show();
});

score 1 · Accepted Answer

説明で、タイトルが「box_one」であると述べています。しかし、コードでは、次のように入れています

 $('.box_' + title).show();

これは box_box_one となります

したがって、これが問題を引き起こしている可能性があります。

以下は期待どおりに機能します

$('.box_slide.box' + title).show();

score 0 · Accepted Answer

Attribute Starts With Selector \[name^="value"\]box_ で始まるクラスを持つすべての要素を表示し、特定の要素を非表示にするために使用できます。

$('.modif').click(function (){    
    $("[class^='box_']").show();
    $('.box_slide').hide();
});

score 0 · Accepted Answer

あなたの質問を理解すれば、次のことがうまくいくはずです

$('.modif').click(function (){    
    var title = $(this).attr('title'); 
    $('.box_slide').hide();
    $('.box_slide .' + title).show();
});

5 に答える 5