2017-02-21 5 views
0

私はここでも同様の質問を見つけましたが、私の難しい設計構造のために、ここでそれを実装する方法がわかりません。これはポストで、facebookのようなコメントです。投稿全体がforeachループによって作成されます。したがって、同じdivクラス名を持つ複数の投稿があります。投稿内には、私はクラスすなわちpostboxとcommentboxを持っています。私がクリックするボタンとして使用するコメントセクションを表示/非表示にするには、投稿ボックス内にdivクラスボックスがあります。 ユーザーがそれをクリックすると、特定の投稿のコメントセクションのみを表示/非表示にする必要があります。つまり、灰色で表示されているものはボタン、薄緑色に表示されているものは表示したいdivクラスです。すべてのことがそれぞれのループにあります。誰かがjQueryを通じてこれを達成するのを手助けすることができますか? それは大きな助けになるでしょう。前もって感謝します。 enter image description herePHPのforeachループから特定のdivクラスだけを表示/非表示する方法

更新: - 私は独特のdiv idはそう必要であることを実現し、いくつかのコメントを読んだ後、私は変更を加えたし、私はそれらを作成するときfooreachループに固有のIDを追加しました。私は、選択されたID

$(function() { 
    $('div').click(function() { 
    displayBlock($(this).attr('class')); 
    }); 
}); 

を取得するには、次のjQueryを使用して、私はcommentbtn_boxクラス名を取得するには、この関数を使用します。だから私はcommentbtn_boxの親の次の兄弟を使って私の問題を解決できることを願っています。しかし、私はそれを実行する方法を知りません。誰でも助けてくれますか?コメントしてくれてありがとう。

+0

異なる投稿のクラス名が異なるので、特定の投稿ブロックを取得できます。 Ex。投稿ごとに投稿IDをクラス名として割り当てます。 – Chinito

+0

@Chinito、クラスは一意の識別に使用されるべきではありません。それは 'id'属性の目的です – haxxxton

+0

@haxxxton次に' id'属性を使用します:D – Chinito

答えて

0

具体的には、クラス名とクラスのインデックスが必要です。

$(document).on('click', '.something', function(){ 
$('.className:nth-child(1)').hide(); 
$('.className:nth-child(2)').show(); 
}); 
+0

ねえ、私はすぐに質問があります。ユニークなIDを追加しましたが、私のボタンクラスの親の次の兄弟(commentbtn_box)を呼び出すと助けになると思いますか?もしそうなら、親の兄弟を呼び出す方法は? – Thomson

関連する問題