Javascript JQuery:根据条件向元素添加类

Javascript JQuery:根据条件向元素添加类,javascript,jquery,html,Javascript,Jquery,Html,在下面的代码段中,如果一个带有删除线的div类具有display:none样式,那么对应的带有类blockElement的div应该添加一个带有删除线的类 您可以这样做: $('.strikeWindow').each(function (i, obj) { alert($(obj).css("display") == "none") { $(this).parents('.boxContent').find(".blockElement").not(this).addC

在下面的代码段中,如果一个带有删除线的div类具有display:none样式,那么对应的带有类blockElement的div应该添加一个带有删除线的类


您可以这样做:

$('.strikeWindow').each(function (i, obj) {
    alert($(obj).css("display") == "none") {
        $(this).parents('.boxContent').find(".blockElement").not(this).addClass("strikeWindowAddtocart");
    }
});

我测试了这段代码,它可以工作:

$('.strikeWindow').each(function() {
    if ($(this).css("display") == "none")
        $(this).next("div").addClass("strikeWindowAddToCart");
});
这可以通过以下方式完成:

$('.strikeWindow').each(function(i, obj) {
    if($(this).css("display") == "none") {      // you made a mistake here
       $(this).parents('.boxContent').find(".blockElement").addClass("strikeWindowAddtocart");
    }
});

用于检查元素是否具有特定样式。可以使用jquery的css方法。

也可以使用以下代码执行此操作:

var x = $(".strikeWindow").length
for(var i=1; i<=x;i++)
{
    if ($(".strikeWindow:nth-child('+i+')").css("display")=="none")
        $($(".strikeWindow:nth-child('+i+')")).next("blockElement").addClass("strikeWindowAddtocart");
}

一个有效的JSFIDLE示例:


您可以尝试以下方法:

$('.strikeWindow').each(function (i, obj) {
    alert($(obj).css("display") == "none") {
        $(this).parents('.boxContent').find(".blockElement").not(this).addClass("strikeWindowAddtocart");
    }
});
$'.boxContent>div.strikeWindow:隐藏' .next'.blockElement' .addClass'strickewindowaddotcart'; .strikeWindowadToCart{背景:红色;} 我被藏起来了 隐藏删除窗口后的块元素 可见删除窗口 可见删除线后的块元素
style.display未给出正确的结果,您需要访问computedCss属性
var x = $(".strikeWindow").length
for(var i=1; i<=x;i++)
{
    if ($(".strikeWindow:nth-child('+i+')").css("display")=="none")
        $($(".strikeWindow:nth-child('+i+')")).next("blockElement").addClass("strikeWindowAddtocart");
}
$(".strikeWindow").each(function () {
    var $this = $(this);
    if ($this.css("display") === "none") $this.siblings(".blockElement").addClass("strikeWindowAddtocart");
});