each遍历元素

96 阅读1分钟
<ul>
    <li>我是空姐1号</li>
    <li>我是空姐2号</li>
    <li>我是空姐3号</li>
    <li>我是空姐4号</li>
    <li>我是空姐5号</li>
    <li>我是空姐6号</li>
    <li>我是空姐7号</li>
</ul>
<button>点击</button>
<script src="./jquery-1.12.4.js"></script>
<script>
    $('button').click(function(){
        /* each回调里面有两个参数,第一个表示元素的索引,第二个表示具体的元素(原生的) */
        /* ele不是一个jq对象 */
        $('li').each(function(index,ele){
            // console.log(index+'-----'+ele.innerText)
            // console.log(index+'-----'+$(ele).text())
            // $('button').before( $(ele).text()+'<br>' )
            /* 不克隆就是原物直接搬运,克隆就是拷贝一份,再搬运 */
            if(index!=1){
                $('button').before( $(ele).clone() )
            }
           
        })
    })
</script>