Javascript 如何使列表项的总宽度top等于0px

HTML:

我想用if（top='0px'）求li的宽度之和，但是

---

这不起作用，请帮助我在li的样式标记中指定宽度：10px。非宽度10px

在li的样式标记中指定宽度：10px。非宽度10px

您可以执行以下操作：

var top = $('.listul li').css('top');
var wT = 0;
if (top = '0px'){
    $(this).each(function(){
        wT += $(this).outerWidth();
    });
    alert(wT);
}

以下是演示：

您可以这样做：

var top = $('.listul li').css('top');
var wT = 0;
if (top = '0px'){
    $(this).each(function(){
        wT += $(this).outerWidth();
    });
    alert(wT);
}

---

以下是演示：

您的html代码必须如下所示：

var wT = 0;
$('.listul li').each(function(index, element) {
    var $element = $(element);
    if ($element.css('top')=='0px') {
        wT+=$element.outerWidth();
    }
});

alert(wT);

宽度：10px；顶部：0px；“>
宽度：10px；顶部：0px；“>
宽度：10px；顶部：5643px；“>
宽度：10px；顶部：56px；“>

---

希望这对你有所帮助。

你的html代码必须是这样的：

var wT = 0;
$('.listul li').each(function(index, element) {
    var $element = $(element);
    if ($element.css('top')=='0px') {
        wT+=$element.outerWidth();
    }
});

alert(wT);

宽度：10px；顶部：0px；“>
宽度：10px；顶部：0px；“>
宽度：10px；顶部：5643px；“>
宽度：10px；顶部：56px；“>

---

希望这能对你有所帮助。

你应该在if语句中使用比较运算符（=）。

你应该在if语句中使用比较运算符（=）。

要循环每个列表项并检查

顶部

值，你应该尝试：

 <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>

---

请参见

要循环每个列表项并检查

top

值，您应该尝试：

 <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>

见