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

时间:2022-01-27 16:41:44

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