Javascript 基于定位中的标记添加样式

我在列表中有一些链接（

li

）在

ul

中可能有一个、两个或三个

li

。

li

也有

，一些锚包含文本或图标

这是密码

---

也许是这样的：

$('ul').each(function(ind, ele){
    var $ul = $(ele),
        doRad = $ul.find('a > i').length > 1;
    if(doRad){
        $ul.find('a').css('border-radius', '25px');
    }
});

$（'ul'）。每个（函数（）{
如果（$（'i'，$（this））.length>1）{
$（'a'，$（this））.css（'border-radius'，'10px'））
}
});
i，a{
显示：块；
宽度：30px；
高度：30px；
背景：红色；
溢出：隐藏；
}













<ul>
   <li><a href="#"><i class="fa-left"></i></a></li>
   <li><a href="#">Next</a></li>
</ul>

<ul>
   <li><a href="#"><i class="fa-left"></i></a></li>
   <li><a href="#"><i class="fa-right"></i></a></li>
</ul>

var thumbLinkList = $('li');
var thumbLink = $('li a');
    thumbLink.each(function( index,elem ){
         if($(this).find('i')){
            if($(this).parent().siblings('li').find('i')){
                $(this).css({
                   'border-radius' : '25px'
                })
            }
          }
     })

$('ul').each(function(ind, ele){
    var $ul = $(ele),
        doRad = $ul.find('a > i').length > 1;
    if(doRad){
        $ul.find('a').css('border-radius', '25px');
    }
});