1. .each() 方法: 用于迭代匹配元素集合中的每个元素。
$('li').each(function(index, element) {
// 在这里对每个元素进行操作
console.log(index, $(element).text());
});
这个例子中,$('li') 选取所有 <li> 元素,并使用 .each() 方法对它们进行遍历。回调函数中的 index 是当前元素在集合中的索引,element 是当前元素的引用。
2. .map() 方法: 用于将匹配元素集合中的每个元素转换为其他形式。
var newList = $('li').map(function(index, element) {
// 在这里返回新的元素或值
return $(element).text().toUpperCase();
}).get();
这个例子中,.map() 方法将每个 <li> 元素的文本转换为大写,并将结果存储在 newList 数组中。
3. .filter() 方法: 用于从匹配元素集合中筛选出满足指定条件的元素。
var filteredList = $('li').filter(':even');
这个例子中,.filter(':even') 选择所有偶数索引位置的 <li> 元素。
4. .find() 方法: 用于在匹配元素集合中查找符合选择器的后代元素。
var descendants = $('#container').find('span');
这个例子中,.find('span') 查找 #container 元素中所有的 <span> 后代元素。
5. .closest() 方法: 用于获取匹配选择器的第一个祖先元素。
var closestContainer = $('span').closest('.container');
这个例子中,.closest('.container') 获取包含每个 <span> 的最近的带有类名 .container 的祖先元素。
这只是一些jQuery中常见的遍历方法的例子。根据具体需求,你可能需要选择适当的方法。
转载请注明出处:http://www.zyzy.cn/article/detail/12886/jQuery