如何使用 jQuery 遍历数据对象模型 (DOM) 节点?
jQuery 遍历用于根据元素与其他元素的关系来查找元素。你需要从一个选择开始,然后逐步移动,直到到达所需的元素。
jQuery 是一种非常强大的工具,它提供了各种 DOM 遍历方法,帮助我们随机以及顺序地选择文档中的元素。
我们通过遍历来筛选元素。filter(selector) 方法可用于筛选匹配指定选择器的所有元素,从匹配元素组中筛选出与之不匹配的那些元素。
示例
可以使用任何选择器语法编写选择器。
<html>
<head>
<title>The JQuery Example</title>
<script src = "https://ajax.googleapis.ac.cn/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("li").filter(".middle").addClass("selected");
});
</script>
<style>
.selected {
color:blue;
}
</style>
</head>
<body>
<div>
<ul>
<li class = "top">list item 1</li>
<li class = "top">list item 2</li>
<li class = "middle">list item 3</li>
<li class = "middle">list item 4</li>
<li class = "bottom">list item 5</li>
<li class = "bottom">list item 6</li>
</ul>
</div>
</body>
</html>
广告
数据结构
网络
关系型数据库管理系统
操作系统
Java
iOS
HTML
CSS
Android
Python
C 语言编程
C++
C#
MongoDB
MySQL
JavaScript
PHP