gpt4 book ai didi

jquery - 改变相对于 eq().. jQuery/JavaScript 的 css 属性

转载 作者:可可西里 更新时间:2023-11-01 12:51:26 24 4
gpt4 key购买 nike

我正在尝试根据 eq() 值更改一组 div 的“左”属性。我将展示我正在尝试做的事情的基本代码!任何帮助将不胜感激

HTML:

<html>
<body>
<div class"item-holder"></div>
<div class"item item-one"></div>
<div class"item item-one"></div>
<div class"item item-one"></div>
<div class"item item-one"></div>
</div>
</body>
</html>

CSS:

.item-holder {
position:relative;
width:100px;
}
.item {
position:absolute;
width:25px;
float:left;
}

jQuery:

$(document).ready(){
var itemWidth = $('.item-holder').width()/$('.item').size();
$('.item').css({
'left':$('.this').eq()*itemWidth+'px'
});
};

请注意,这不是我可以发布的完整代码,如果它更有意义的话,我需要在 jQuery 中创建左值的原因是因为我想在几个不同的地方重用这段代码并将使用每次都有不同数量的“元素”!欢迎任何帮助并采纳

最佳答案

您可以使用 css function .

.css( propertyName, function(index, value) )

$('.item').css('left', function(ind, v){
return (ind * itemWidth) + 'px'
})

请注意,通过使用 $('.this') ,您正在选择类为 this 的元素, 用于从 this 创建一个 jQuery 对象您应该编码的对象 $(this) .

关于jquery - 改变相对于 eq().. jQuery/JavaScript 的 css 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12771398/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com