javascript - 根据 anchor 中的标签添加样式

Question

我在列表中有一些链接(li)可能有一个，两个或三个li在ul . li又有<a>并且一些 anchor 包含文本或图标

这是代码

<ul>
   <li><a href="#">prev</a></li>
   <li><a href="#">Next</a></li>
</ul>

或

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

我想要什么

如果同时存在两个li我有a吗会有border-radius:25px但如果有一个i和一个text或者两者都是文本 a会有border-radius:0px

这是我的尝试

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

Answer 1

也许是这样的:

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