首页 > 代码库 > 前端学习笔记(zepto或jquery)——对li标签的相关操作(五)

前端学习笔记(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差异性

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