目标:从匹配的元素集中筛选出指定元素(第2个li标签)
html代码:
<h1>从匹配的元素集中筛选出指定元素(第2个li标签)</h1>
<ul>
<li>要找的不是我</li>
<li>只想查找我!</li>
<li>要找的不是我</li>
</ul>
jq代码:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('input[type="button"]').click(function(){
//1、使用基本滤镜选择器
$(".test li:eq(1)").append('<span style="color:#f00;">(哎呀,我被查找到了!)</span>');
//2、使用过滤元素集
$(".test li").eq(1).append('<span style="color:#f00;">(哎呀,我被查找到了!)</span>');
//3、使用get()函数
$($(".test li").get(1)).append('<span style="color:#f00;">(哎呀,我被查找到了!)</span>');//get()函数获取的是DOM对象而非jq对象,转换成jq对象用$()
}).click();//模拟点击事件
})
</script>
查看运行结果:
提示:你可以先修改部分代码再运行。
0条评论( 网友:0 条,站长:0 条 ) 网友评论{有您的评论更精彩....}