jQuery 遍历each()的使用方法

浏览:786 发布日期:2017/03/03 分类:技术分享
<div class="left first-div">
    <div class="div">
        <ul>
            <li>111111111111</li>
            <li>22222222222</li>
            <li>3333333333</li>
        </ul>
    </div>
    <div class="div">
        <ul>
            <li>4444444444</li>
            <li>555555555</li>
            <li>666666666</li>
        </ul>
    </div>
</div>

<br/>
<button class="click">遍历元素</button>

<style>
    .left {
        width: auto;
        height: 150px;
    }

    .left div {
        width: 150px;
        height: 120px;
        padding: 5px;
        margin: 5px;
        float: left;
        background: #bbffaa;
        border: 1px solid #ccc;
    }
</style>

<script type="text/javascript">
    $(".click").click(function() {
        $("li").each(function(index, element) { //遍历所有的li
            $(this).css('color','red') //修改每个li内的字体颜色
        })
    })
</script>
最佳答案
评论() 相关
后面还有条评论,点击查看>>