假设HTML结构如下：
<div id="${ photo.tuid}">
<input type="hidden" id="photoId" name="photoId" value="${ photo.tuid}">
<input type="hidden" id="upOrDown" name="upOrDown" value="0">
<input type="button" value="赞${photo.totalUp}" onclick="doUpEvent(this)">
<input type="button" value="踩${photo.totalDown}" onclick="doDownEvent(this)">
</div>
假设在点击赞这个按钮时，需要打印踩这个按钮的值。
语句如下：
alert($(obj).siblings(":first").val());
这里首先用siblings()选择方法获取所有兄弟节点。
然后再用":first"进行过滤。
综上，用到了层次选择器，过滤器。
相关推荐
- **基本过滤选择器**：例如`:first`选取第一个元素，`:last`选取最后一个元素，`:not(selector)`排除匹配的元素，`:even`选取偶数索引的元素，`:odd`选取奇数索引的元素，`:eq(index)`选取指定索引的元素，`:gt...
6. **$(selector).closest(selector)**: 这个方法会向上遍历DOM树，直到找到匹配给定选择器的第一个祖先元素。这对于查找最近的父级元素非常有用，比如寻找最近的表单元素。 在实际应用中，这些方法可以组合使用，...
`:nth-child(2)`将选取父元素的第二个子元素，`:first`和`:last`分别代表第一个和最后一个子元素。 了解这些基本操作后，可以灵活地组合使用它们来实现更复杂的DOM操作。例如，通过迭代相邻兄弟节点，或者根据特定...
1. **选择器**：jQuery 的核心功能之一就是强大的选择器机制，它允许开发者通过CSS选择器、ID、类名、属性等来选取DOM元素。例如，`$("#myID")` 选择ID为"myID"的元素，`$(".myClass")` 选择所有类名为"myClass"的...
- `prev + next`：相邻兄弟选择器，如`$("div + p")`选取紧跟在div后面的第一个段落。 - `prev ~ siblings`：同级元素选择器，如`$("div ~ p")`选取所有跟div在同一级别的p元素。 3. **过滤器选择器**： - `:...
2. 动态伪类：`:first-child`、`:last-child`、`:nth-child(n)`，选取元素的子元素中的第一个、最后一个或第n个子元素。 3. 存在状态伪类：`:empty`选取没有子节点（包括文本节点）的元素，`:contains(text)`选取...
- `:first`: 选取第一个匹配的元素，例如`$("div:first")`。 - `:last`: 选取最后一个匹配的元素，例如`$("div:last")`。 - `:eq(index)`: 选取索引值为`index`的元素，例如`$("div:eq(2)")`。 - `:gt(index)`: 选取...
例如，`$("p:first")`会选择第一个`p`元素，`$("p:gt(1)")`则会选择所有索引大于1的`p`元素。 9. 内容选择器： `:contains(text)`选择器会选取包含特定文本的元素，`:empty`选择器会选取没有子元素（包括文本节点...
例如，`:first`选择器用于选取集合中的第一个元素，`:contains()`则能选取包含特定文本的元素。 6. **相对选择器**：这些选择器如`next()`, `prev()`, `nextAll()`, `prevAll()`, `siblings()`等，帮助我们基于当前...
- **`:first`和`:last`**: 选取集合中的第一个或最后一个元素，如`$("div:first")`和`$("div:last")`。 - **`:gt(index)`**: 选取索引大于指定值的元素，如`$("div:gt(2)")`选取索引大于2的`<div>`。 - **`:lt(index...
除了常见的类选择器、ID选择器、元素选择器和通配符选择器之外，还有复合选择器，如后代选择器（空格）、子选择器（`>`）、相邻兄弟选择器（`+`）、一般兄弟选择器（`~`），以及各种伪类选择器，例如`:first`、`:...
`:first`和`:last`分别选取集合中的第一个和最后一个元素；`:even`和`:odd`根据索引选取偶数或奇数位置的元素，索引从0开始；`:eq(index)`选取指定索引的元素；`:gt(index)`选取索引大于指定值的所有元素。 2. **子...
例如，div.map>span中div.map的编译函数可能作为第一个参数传递给addCombinator函数。 ***binator对象：这个对象包含关系选择器的特定信息，如大于选择器">"对应的是parentNode方向，并且first属性为true，表示只...
使用这个函数后，我们可以通过以下方式获取子元素、父元素、相邻兄弟元素等： ```javascript var a = document.getElementById("test"); del_space(a); var b = a.childNodes; // 子元素 var c = a.parentNode; // ...
- `:first`：选取第一个匹配的元素。 - `:last`：选取最后一个匹配的元素。 - `:eq(index)`：选取索引值为index的元素。 - `:not(selector)`：选取不匹配指定选择器的元素。 ### 第三章 jQuery 中的 DOM 操作 ####...
- **过滤选择器**：`first`（选择第一个元素）、`last`（选择最后一个元素）和 `not(selector)`（排除与选择器匹配的元素）等。 4. **JQuery 方法与选择器的等价关系**： - `next()` 方法与 `prev + next` 选择器...
- `closest(selector)`：从当前元素开始向上遍历 DOM 树，查找匹配选择器的第一个祖先元素。 8. 子元素的获取 - `children(selector)`：根据选择器获取子元素。 - `contents()`：获取元素的所有子节点，包括文本和...
- **相邻兄弟选择器**：如`$("h1 + p")`选取紧接在`<h1>`后的所有`<p>`元素。 - **通用兄弟选择器**：如`$("h1 ~ p")`选取所有位于`<h1>`之后的`<p>`元素。 - **表单对象属性选择器**：如`$("input:enabled")`选取...