HTML:
<ul class="listul">
<li style="width:10px; top: 0px"></li>
<li style="width:10px; top: 0px"></li>
<li style="width:10px; top: 5643px"></li>
<li style="width:10px; top: 56px"></li>
</ul>
.JS:
var top = $('.listul li').css('top');
var wT = 0;
if (top = '0px'){
$(this).each(function(){
wT += $(this).outerWidth();
});
alert(wT);
}
我想用 if(top = '0px') 求和 li 的宽度,但是这不是工作,请帮助我
要循环每个列表项并检查top
值,您应该尝试:
$(function(){
var wT = 0;
var items = $('.listul li');
items.each(function(){
if($(this).css('top') == "0px"){
wT += $(this).outerWidth();
}
});
alert(wT);
});
见JsFiddle
在 li 的样式标签中指定宽度:10px。
你的HTML代码必须是这样的:
<ul clas="listul">
<li style="width: 10px; top: 0px;"></li>
<li style="width: 10px; top: 0px;"></li>
<li style="width: 10px; top: 5643px;"></li>
<li style="width: 10px; top: 56px;"></li>
</ul>
希望这对你有帮助。
您应该在 if 语句中使用比较运算符 (==)。
你可以这样做:
var wT = 0;
$('.listul li').each(function(index, element) {
var $element = $(element);
if ($element.css('top')=='0px') {
wT+=$element.outerWidth();
}
});
alert(wT);
这是演示:JSFiddle