如何对列表项的宽度求和，顶部等于 0px

How to sum width of list items has top equal to 0px

本文关键字：求和 顶部 0px 列表      更新时间：2023-09-26

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

相关文章：