JS 实现sibling()

最新推荐文章于 2019-07-05 09:11:41 发布

weixin_30390075

最新推荐文章于 2019-07-05 09:11:41 发布

阅读量1.4k

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/flower46273736/p/6478304.html

版权


<ul>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>



</ul>       

        
<script type="text/javascript">
        var third = document.querySelectorAll('li')[8];
        third.style.color="#f00";
        
        function siblings(elm) {        
            var p = elm.parentNode.children;//获取父级所有子集元素
            for(var i =0,pl= p.length;i<pl;i++) {
                if(p[i] !== elm){           //剔除自己
                    p[i].style.color="#f90"; //执行事件
                }       
            }
        
        }
        
        siblings(third);
     
</script>

转载于:https://www.cnblogs.com/flower46273736/p/6478304.html