Question

我有一些分歧。我必须使用jquery在点击上面的div（趋势）时将边框添加到嵌套div（趋势描述）。

 <div class="row">
       <div class="col-md-2 col-xs-2 trending">

           <div class="trending-description">Loan Count</div>
       </div>
        <div class="col-md-2 col-xs-2 trending">

           <div class="trending-description">% of sample</div>
       </div>
        <div class="col-md-2 col-xs-2 trending">

           <div class="trending-description">% of sample</div>
       </div>
        <div class="col-md-2 col-xs-2 trending">

           <div class="trending-description">% of sample</div>
       </div>

    </div>

我创建了JsFiddle请告诉我在哪里犯了错误。

Answer 1

这样的东西？

$(".trending").click(function () {
    $('.trending-description').removeClass('trending-description-active ')
    $(this).find('.trending-description').addClass('trending-description-active');
});

Answer 2

http://jsfiddle.net/zb14n86r/2/

$(".trending").click(function () {
    $('.trending-description').removeClass('trending-description-active');
    $(this).find('.trending-description').addClass('trending-description-active');
});

使用jquery动态地将边框添加到嵌套的div元素

2 个答案: