0

「ボタン」クラスごとに動的イベント ハンドラが必要です。ハンドラーはクリック時に「隣人」列の内容を表示する必要があります。「pictures-content」、「video-content」などのクラスでコンテンツにタグ付けすることを考えていました。すべてのボタンクラスをループすると、最初の「picture-content」または「video-content」クラスが表示のターゲットになりますクリック。または、より良い..これに対するよりスムーズな解決策はありますか?

<div class="row">
    <div class="col-md-7" >
        <div class="col-md-11 col-md-offset-1" >
            <div class="col-md-12">
                <p class="news line">
                <!-- Button for displaying Video content --> 
                <a href="javascript:void(0);" class="button"> Show</a> 
                </p>
            </div>
        </div>
    </div>
    <div class="col-md-5" >
        <div class="col-md-11 video">
            <div class="col-md-12 video-content">
            <!-- Video content -->
            </div>
        </div>
    </div>
</div>

Ps: 問題があれば、ブートストラップ 3 を使用しています。

4

2 に答える 2

2

クラスを使用するのは良いことです。

あなたのパターンは、親を取得して.rowからそこから取得する必要があります.video-content。

これを試して：

$('.button').on('click',function(){
    $(this).closest('.row').find('.video-content,.picture-content').show();
});

デモはこちら

于 2013-10-07T20:26:13.147 に答える
1

.on()を使用して、次のようにイベントをバインドできます

$('.button').on('click',function(){
    $(this).closest('.row').find('.video-content').show();
});
于 2013-10-07T20:27:02.613 に答える