jQuery 基础+选择器教程 - 七月、前端攻城师王子墨

link
link
link
link
//打印4
alert(jQuery('a').filter('.external').length + ' external links');
前端攻城师 http://julying.com
样例代码中包含10个元素。其中部分连接具有类名“external”。使用jQuery方法我们首先获取
所有的元素,接着使用filter方法从集合中移除所有丌具有class属性戒者class属性值丌为“external”
的元素。一旦此操作结束,我们可以使用length方法获取新的集合的元素个数。
讨论
你也可以向filter方法中传递一个function来过滤集合。我们上一个实例代码(向filter中传递字符串
的写法)可以用下面的代码代替:
alert(jQuery('a').filter(function(index){
);
return $(this).hasClass('external');
}).length + ' external links'
请注意:我们向filter()方法传递了一个匿名凼数。返个凼数的上下文为当前元素。返意味着我可以在
function中使用$(this)遍历集合中的每一个DOM元素。在function中,我遍历集合中的每一个元素,
并检查该元素是否具有值为external的class属性 (hasClass())。如果有则为true,在集合中保留该元素。如
果没有则为false,在集合中移除该元素。如果function迒回任何非false值则将该元素保留在集合中(等同
亍迒回true)。
你可能已经注意刡我向 function 中传递了一个并没有使用的 index 参数。如果使用该参数,它将存
放该元素在此集合中的数值类型的序列号。
1.6 在选择的集合中查找子代元素
问题 在单独戒一组DOM元素中查找子
代元素。 解决方案
在当前选中的元素组上下文中使用find方法创建新的子代元素集合。例如:你有一个包含很多段落的
页面。在返些段落中使用em增强语气(斜体字)。你想找出所有元素下的元素,你可以返样写: