jquery之each遍历list列表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>each</title>
</head>
<body>
    <ul>
        <li>序号:1</li>
        <li>名称:水密码吸附水</li>
        <li>数量:1</li>
        <li>价格:89</li>
    </ul>
    <button id="btn">点击查看效果</button>
</body>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#btn").click(function(){
            $("ul").each(function(index,element){
            alert($(element).text());
            })
        })
    })
</script>
</html>

posted @ 2017-03-07 16:54  Monroe_Yu  阅读(12009)  评论(1编辑  收藏  举报