jQuery 遍历 - prevAll() 方法

prevAll函数的获取顺序：

prevAll实际上是从当前匹配元素依次向上匹配的

如下实验

[pcsh lang="php" tab_size="4" message="" hl_lines="" provider="manual"]

<html>
<head>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  (function(){
	$("#ddd").prevAll("li").each(function(){
		alert($(this).text());
	});
  })();
});
</script>
</head>
<body>
<button>输出每个列表项的值</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
<li>Coffee2</li>
<li>Milk2</li>
<li id= "ddd">Soda2</li>

</ul>
</body>
</html>

[/pcsh]

发现实际上

弹窗获得的元素是从最下边开始的

prevAll() 获得当前匹配元素集合中每个元素的前面的同胞元素，使用选择器进行筛选是可选的。

会被全部选中

例如

<ul>
<li>list item 1</li>
<li>list item 2</li>
<li class="third-item">list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
<script>
$('li.third-item').prevAll().css('background-color', 'red');
</script>

结果

最后更新于 2017-03-17 15:58:08 并被添加「」标签，已有 645 位童鞋阅读过。

GuojinH5

jQuery 遍历 - prevAll() 方法

此处评论已关闭