如果类仅存在于父容器中,则将类添加到子元素

时间:2016-04-26 09:45:39

标签: jquery

我试图在一个元素中添加一个类,如果另一个元素有类 - 在这种情况下,我想在类.addinfo.col7存在时给outofstock一个.orderitem类。这是我到目前为止所得到的:

if ($(".stockinfo.col4").hasClass("orderitem")) {
    $(".stockinfo.col7").addClass("outofstock");
}

问题在于我有几个具有相同类的组 - 即使孩子没有这个类,这也给了所有这些类。我如何运行它,以便它只在父容器上执行?

<div class="itembox centerbox col span_1_of_3">
    <div class="stockinfo col4 orderitem">
        <strong>Stock</strong>
        : 4
        <span></span>
    </div>
    <div class="addinfo col7">
        <input type="button" id="pl237792buy" class="actionbutton" value="Köp" onclick="buy(this, 237792, null, 'pl237792qty', null, '/ajax/buy')">
    </div>
</div>

3 个答案:

答案 0 :(得分:1)

您可以使用以下$(".stockinfo.col4.orderitem").next(".addinfo.col7").addClass("outofstock") 方法。

$(".stockinfo.col4.orderitem").nextAll(".addinfo.col7").addClass("outofstock")

<强>更新

uint8_t picturearray[32*1024];

答案 1 :(得分:1)

你也可以这样做:

$(".stockinfo.col4.orderitem").parent().find(".addinfo.col7").addClass("outofstock");

答案 2 :(得分:0)

stockinfo不是.siblings() div的父级。它是兄弟姐妹,你可以使用if ($(".stockinfo.col4").siblings(".orderitem").length) { $(".stockinfo.col7").addClass("outofstock"); } 方法

next()