在 jQuery 中,有一系列的遍历方法,用于在文档中查找、过滤和操作元素集合。以下是一些常用的 jQuery 遍历方法:

1. .each() 方法: 遍历元素集合
// 遍历所有段落元素
$('p').each(function(index, element) {
  // index: 当前元素的索引
  // element: 当前元素
  console.log(index, element);
});

2. .find() 方法: 查找子元素
// 查找所有子元素为 <span> 的元素
$('#parentElement').find('span');

3. .children() 方法: 查找直接子元素
// 查找直接子元素为 <li> 的元素
$('#parentElement').children('li');

4. .parent() 方法: 查找父元素
// 查找父元素为 <div> 的元素
$('#childElement').parent('div');

5. .siblings() 方法: 查找同胞元素
// 查找所有同胞元素
$('#targetElement').siblings();

6. .prev() 和 .next() 方法: 查找前一个和后一个元素
// 查找前一个兄弟元素
$('#targetElement').prev();

// 查找后一个兄弟元素
$('#targetElement').next();

7. .filter() 方法: 过滤元素集合
// 过滤类名为 'highlight' 的元素
$('li').filter('.highlight');

8. .not() 方法: 排除元素
// 排除类名为 'exclude' 的元素
$('li').not('.exclude');

9. .first() 和 .last() 方法: 获取第一个和最后一个元素
// 获取第一个 <li> 元素
$('li').first();

// 获取最后一个 <li> 元素
$('li').last();

这些方法使得在文档中定位、选择和操作元素变得更加便捷。你可以根据具体的需求使用这些方法,组合它们以实现复杂的元素操作和选择。




转载请注明出处:http://www.zyzy.cn/article/detail/12900/jQuery