javascript - 统计 LI 的数量，然后将类添加到父 UL

Question

<ul class="taglib-ratings thumbs">
<li id="qezr_yourRating">
  <a href="javascript:;" class="rating rate-up "></a>
</li>
</ul>

<ul class="taglib-ratings thumbs">
<li id="qezr_yourRating">
  <a href="javascript:;" class="rating rate-up "></a>
</li>
<li id="qezr_yourRating">
  <a href="javascript:;" class="rating rate-up "></a>
</li>
</ul>

我想根据内部 LI 的计数将该类应用于 UL。

如果它有两个 LI 那么类应该像两个拇指就像如果它有一个 LI 那么类应该像一个大拇指

我正在尝试这个 JS 但没有工作它返回 2

jQuery(document).ready(function(){
var countLi = $(".taglib-ratings > li").size();
alert(countLi);
if(countLi == 2)
{
  $(this).parent('.taglib-ratings').addClass('2-col');
  alert ('this ul has 2 li');
}
else if(countLi == 1)
{
  $(this).parent('.taglib-ratings').addClass('2-col');
   alert ('this ul has 1 li');
}
else if(countLi > 2)
{
  alert ('this ul has'+ countLi +' li');
}
});

这是相同的 JSbin 链接。

http://jsbin.com/ofeda/edit

Answer 1

您的代码无法补充您的解释...您说您想要 x-thumbs，但代码摘录并没有做那样的事情？

你的意思是这样的吗？

$('ul.tablib-ratings').addClass(function () {
    return 'thumbs-' + $(this).children('li').size();
});

你在这里得到的是“thumbs-1”而不是“one-thumbs”，因为它要简单 1,000,000 倍，正如评论中所指出的，许多浏览器不会欣赏 1-thumbs

你在这里得到的是“1-thumbs”而不是“one-thumbs”，因为它要容易 1,000,000 倍:P