您的位置: 首页  >  IT文章  >  前端学习笔记(zepto或jquery)——对li标签的相关操作（五）

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

分类: IT文章 • 2022-04-17 18:10:30

对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差异性

相关推荐