2012年5月11日 星期五

jQuery selector + each()






最近開始摸索 selector 跟 each() 方法
我只能說,真是太神奇了,傑克。
舉例來說,有個錯綜複雜的HTML,但是必須把所有的圖片網址抓出來該怎麼做


<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.7.2.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#Button1').click(function () {
                var imgurl = "";
                $('html img').each(function () {
                    imgurl += this.src + "<br/>";
                });
                this.document.write(imgurl);
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="Button1" type="button" value="button" />
        <span>
            <img src="pic/0.jpg" /></span>
        <ul>
            <li>
                <img src="pic/8.jpg" /></li>
            <li>
                <img src="pic/1.jpg" /></li>
            <li>
                <img src="pic/10.jpg" /></li>
        </ul>
        <div>
            <img src="pic/11.jpg" />
            <div>
                <img src="pic/12.jpg" />
                <div>
                    <img src="pic/13.jpg" />
                </div>
                <img src="pic/15.jpg" />
            </div>
            <img src="pic/16.jpg" />
        </div>
        <img src="pic/9.jpg" style="display: none" />
    </div>
    </form>
</body>




連 display: none 的圖也抓的到。
很神奇吧,羅絲。

沒有留言:

張貼留言