Javascript JQuery:根据条件向元素添加类
在下面的代码段中,如果一个带有删除线的div类具有display:none样式,那么对应的带有类blockElement的div应该添加一个带有删除线的类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
您可以这样做:
$('.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");
});