Question

我需要将属性active添加到距离类名为onebyone-carosel的最近的下一个div中。这是我的HTML

<div class="carousel-inner onebyone-carosel">
    {% for deals in best_deals %}
        <div class="item"> <!-- I want add property `active` over here.-->
            <div class="col-md-4">
                <a href="/auction/{{deals.id}}">
                    <img src="media/{{deals.images.0.image}}" class="img-responsive center-block">
                    <div class="text-center">
                        <font size="2">
                        <div class="best_deals_info">Title : {{deals.title}}</div>
                        <div class="best_deals_info">Start Date : {{deals.start_date}}</div>
                        <div class="best_deals_info">End Date : {{deals.end_date}}</div>
                        </font>
                    </div>
                </a>
            </div>
        </div>
    {% endfor %}
</div>

我该怎么做？

Answer 1

试试这个

$(".onebyone-carosel").closest('.item').attr('active', '');

Answer 2

你可以这样做

$(".onebyone-carosel .item:first").attr('active','');

<强> Demo Here

Answer 3

<强>解决方案：

$(".onebyone-carosel").children("div").first().attr('active','');

<强>解释

.children("div")将在父元素中找到所有<div>。

.first()将从子div列表中返回第一个<div>。

最后.attr('active','')会将您的active属性添加为空字符串作为值。

Jquery-将属性添加到已知类旁边的<div>

3 个答案: