如何對列表項的寬度求和，頂部等於0px

Question

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的寬度求和，但這不起作用，請幫幫我

Answer 1

要循環每個列表項並檢查top值，您應該嘗試：

$(function(){

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

});

見 JsFiddle

Answer 2

在li的樣式標簽中指定width：10px。 不是width10px

Answer 3

你可以這樣做：

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

alert(wT);

這是演示 ： JSFiddle

Answer 4

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

希望這對你有幫助。

Answer 5

您應該在if語句中使用比較運算符（==）。