前端学习笔记(zepto或jquery)——对li标签的相关操作(五)

对li标签的相关操作——has与find的差异性

demo代码:

    <ul>
        <li><p>1</p></li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li><p>5</p></li>
        <li>6</li>
        <li><p>7</p></li>
    </ul>    

现在我们用has与find来遍历输出含有p标签的值。

    $("ul>li").find("p").each(function(index){        
            alert($(this).html());
        })
    $("ul>li").has("p").each(function(index){        
            alert($(this).find("p").html());
        })

注:请看清两者的alert差异性

posted @ 2015-01-16 14:11  徐航  阅读(210)  评论(0编辑  收藏  举报