Javascript统计两个不同的列表,划分每个列表并添加不同的样式

时间:2017-05-29 21:51:27

标签: javascript jquery

我在循环中有两个不同的列表,我必须在第一个不同的样式上添加另一个样式而不是另一个。

我需要检查第一个列表的最后一次迭代并将其除以100。 让我们说如果7个列表被计入第一个列表而不是100/7 = 14,28%

第二次列出最后一次迭代将不会显示,因此它将是7-1表示100/6 = 16.66%

我该怎么做?

我的Javascript:

$('.item').each(function(i,n){ $(n).attr("style","width:10%");});
$('.plus').each(function(i,n){ $(n).attr("style","width:5%");});

我的Smarty代码:

<ul class="list-inline bundle-list">
    {foreach name=bundles from=$Products item=Product}
        <li class="item">
            <a href="{$Product->cURL}">
                <img src="{$Product->Bilder[0]->cPfadMini}" />
            </a>
        </li>
        {if !$smarty.foreach.bundles.last}
            <li>
                <span class="fa fa-plus"></span>
            </li>
        {/if}
    {/foreach}
</ul>

编辑: 我做了类似的事情,但不知道这是否是最佳方式。

var count = $('ul.bundle-list').children().length;
$('.bundle-list').children().each(function(i,n){ $(n).attr("style","width: " + 100/(count) + "%");});

0 个答案:

没有答案