1

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);
}

li の幅を if(top = '0px') で合計したいのですが、うまくいきません。助けてください

4

5 に答える 5

1

各リスト項目をループしてtop値を確認するには、次のことを試してください。

$(function(){

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

});

JsFiddleを参照してください

于 2013-09-17T07:17:57.607 に答える
0

li の style タグに width:10px を指定します。width10pxではありません

于 2013-09-17T07:07:52.343 に答える
0

あなたはこれを行うことができます：

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

alert(wT);

これがデモです：JSFiddle

于 2013-09-17T07:08:03.723 に答える
0

if ステートメントで比較演算子 (==) を使用する必要があります。

于 2013-09-17T07:13:57.560 に答える
0

あなたの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>

これがあなたを助けることを願っています。

于 2013-09-17T07:10:33.403 に答える