jQuery:检查div:left==0的CSS_Jquery_Css_Class

jQuery:检查div:left==0的CSS

jquery css class

jQuery:检查div:left==0的CSS,jquery,css,class,Jquery,Css,Class,我想更改左=0的每个div 我尝试让jQuery检查。我就是这样做的： if ($('.box').css("left") == "0"){ $('.box').addClass("active"); } 这对我不起作用。有人有解决办法吗 if（$（'.fiets'）.css（“左”）=“0”）{ $（'.fiets'）.addClass（“活动”）； } .box{ 宽度：20vw；高度：20vw；背景#6989FF；位置：绝对位置；边框：实心1px红色；

我想更改左=0的每个div

我尝试让jQuery检查。我就是这样做的：

if ($('.box').css("left") == "0"){
        $('.box').addClass("active");
    }

这对我不起作用。有人有解决办法吗

if（$（'.fiets'）.css（“左”）=“0”）{
$（'.fiets'）.addClass（“活动”）；
}

.box{
宽度：20vw；
高度：20vw；
背景#6989FF；
位置：绝对位置；
边框：实心1px红色；
过渡：所有0.2秒缓进缓出；
}

您必须指定“左”css属性（即“0px”）的单位。

虽然可以对集合进行操作，但它只能在设置属性时进行操作，而不能在读取属性值时进行操作。如果您尝试这样做，它只会返回集合中第一个元素的值。您必须迭代每个元素

同样，计算值包括

px

单位

$('.box').each(function() {
  if ($(this).css("left") == "0px") {
    $(this).addClass("active");
  }
})

同样，计算值包括

px

单位

$('.box').each(function() {
  if ($(this).css("left") == "0px") {
    $(this).addClass("active");
  }
})

设置

px

==“0px”

添加

左侧：0



if（$（'.box'）.css（“左”）=“0px”）{
$（'.box'）.addClass（“活动”）；
}
.box{
宽度：20vw；
高度：20vw；
左：0；
背景#6989FF；
位置：绝对位置；
边框：实心1px红色；
过渡：所有0.2秒缓进缓出；
}
.主动{
背景：黄色；
}


设置px
==“0px”
添加左侧：0


if（$（'.box'）.css（“左”）=“0px”）{
$（'.box'）.addClass（“活动”）；
}
.box{
宽度：20vw；
高度：20vw；
左：0；
背景#6989FF；
位置：绝对位置；
边框：实心1px红色；
过渡：所有0.2秒缓进缓出；
}
.主动{
背景：黄色；
}

像这样编码。它会工作的
1.在css中添加left=0
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script>
<style>
div.active
{
color:red;
}
</style>
<script>
$(document).ready(function(){
$("button").click(function(){
div_left_value=document.getElementById("box").style.left;
    if(div_left_value== '0px'){
$('.box').addClass("active");}
});
});
</script>
</head>
<body>

<div style="height:100px;width:300px;padding:10px;margin:3px;border:1px solid 
blue;background-color:lightblue;left:0" class="box" id="box">ff</div><br>

<button>Display the width of div</button>

</body>
</html>


活动分区
{
颜色：红色；
}
$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
div_left_value=document.getElementById（“box”）.style.left；
如果（div_left_值='0px'）{
$（'.box'）.addClass（“活动”）；}
});
});
ff

显示div的宽度
像这样编码。它会工作的
1.在css中添加left=0
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script>
<style>
div.active
{
color:red;
}
</style>
<script>
$(document).ready(function(){
$("button").click(function(){
div_left_value=document.getElementById("box").style.left;
    if(div_left_value== '0px'){
$('.box').addClass("active");}
});
});
</script>
</head>
<body>

<div style="height:100px;width:300px;padding:10px;margin:3px;border:1px solid 
blue;background-color:lightblue;left:0" class="box" id="box">ff</div><br>

<button>Display the width of div</button>

</body>
</html>


活动分区
{
颜色：红色；
}
$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
div_left_value=document.getElementById（“box”）.style.left；
如果（div_left_值='0px'）{
$（'.box'）.addClass（“活动”）；}
});
});
ff

显示div的宽度
您可以添加一些HTML吗？可能是一个片段？您的html不包含类为fiets
的div，因此无法找到该元素。将其更改为box，忘记了我更改了它，哈哈，但它仍然不起作用！：PHope这是一辆折叠式自行车（很抱歉，我忍不住这个坏笑话）也将“==”改为“==”你能添加一些HTML吗？可能是一个片段？您的html不包含类为fiets
的div，因此无法找到该元素。将其更改为box，忘记了我更改了它，哈哈，但它仍然不起作用！：PHope那是一辆折叠自行车（抱歉，我忍不住这个坏笑话）也把“==”改成“==”嘿，我有一个问题，我有更多的div，现在如果它们移动，另一个div变左：0，类为“active”的那一个变为left=20vw，它保持类为“active”，而向左的div=0，则不会使类变为“active”。我该怎么做？@rutgervs只在document.ready
上执行，这就是它不响应更改的原因。此外，div
元素不会触发change
事件，只有inputs
会触发，因此您需要使用或响应之类的操作。你可以在这里找到几个关于它的问题。嘿，我有一个问题，我有更多的div，现在如果它们移动，另一个div向左：0，类为“active”的那一个保持类为“active”，而向左的div=0，则不会使类为“active”。我该怎么做？@rutgervs只在document.ready
上执行，这就是它不响应更改的原因。此外，div
元素不会触发change
事件，只有inputs
会触发，因此您需要使用或响应之类的操作。你可以在这里找到几个关于它的问题。