<table>
<tr>
<td><input id='ti_0_1' value="value_ti_0_1"/><input id='ti_1' value="value_ti_1"/></td>
<td><input id='ti_0_2' value="value_ti_0_2"/><input id='ti_2' value="value_ti_2"/></td>
<td><input id='ti_0_3' value="value_ti_0_3"/><input id='ti_3' value="value_ti_3"/></td>
<td><input id='ti_0_4' value="value_ti_0_4"/><input id='ti_4' value="value_ti_4"/></td>
<tr>
</table>
//取当前对象的父对象的上一个节点的上一个节点的值的第一个对象的值
$($(item).parent().prev().prev().children()[0]).attr('value'); //item为ti_0_3对象，则取的是value_ti_0_1
//取当前对象的父对象的下一个节点的第一个对象的值
$($(input).parent().next().children()[1]).val(""); //item为ti_0_3对象，则取的是value_ti_4
相关推荐
本文介绍了jQuery中`prev()`和`parent()`两个方法的使用方法及区别。通过实际例子，我们可以清晰地看到这两个方法的不同之处及其适用场景。正确使用这些方法可以极大地提高我们处理DOM元素的能力，使我们的Web开发...
7. **遍历和过滤**：`each()`函数用于迭代jQuery对象中的每个元素，`next()`, `prev()`, `siblings()`则帮助遍历或筛选相邻元素。 8. **插件开发**：jQuery的插件机制允许开发者扩展其功能。通过`$.fn.extend()`...
9. **DOM遍历**：`parent()`, `children()`, `siblings()`, `next()`, `prev()`等方法用于在DOM树中导航，找到与当前元素相关的其他元素。 10. **属性操作**：`attr()`和`removeAttr()`用于设置或移除元素的属性，`...
12. **DOM遍历**：`.parent()`, `.children()`, `.siblings()`, `.next()`, `.prev()`等方法帮助我们更好地理解元素间的层级关系。 13. **特效**：`.toggle()`, `.show()`, `.hide()`控制元素的显示和隐藏，配合`...
8. **DOM遍历**: `.next()`, `.prev()`: 获取相邻元素，`.siblings()`: 获取同级元素，`.parent()`: 获取父元素。 9. **内容操作**: `.html()`, `.text()`: 获取或设置元素的HTML或文本内容。 10. **Ajax请求**: `....
- **相邻兄弟选择器**: `$("prev + next")` - **一般兄弟选择器**: `$("prev ~ siblings")` 这些选择器用于根据元素间的层级关系选取元素。例如，子选择器选取父元素的直接子元素，而相邻兄弟选择器选取紧跟在另...
- **相邻兄弟选择器**: `$("prev + next")`选取紧跟在`prev`元素后的第一个`next`元素。 - **通用选择器**: `*$("*")`选取页面上的所有元素。 ## jQuery 插件的使用 jQuery插件是扩展jQuery功能的代码片段，它们...
prev + next prev ~ siblings 基本 :first :last :not :even :odd :eq :gt :lt :header :animated 内容 :contains :empty :has :parent 可见性 :hidden :visible 属性 [attribute] [attribute=...
同时，学习更高级的DOM遍历方法，理解如何在元素之间导航，如父母（parent）、子女（children）、相邻（next/prev）等。 第7-8天：AJAX jQuery简化了异步数据请求，即AJAX操作。我们将学习如何使用$.ajax、$.get、$...
在"jQ学习第二季"中，可能会教授如何使用jQuery来操作DOM元素，包括创建新元素（`$("<div></div>")`）、查找元素（`$(".someClass")`）、插入元素（`$("parent").append("child")`）、删除元素（`$("#element")....
### jQuery 学习进阶使用知识点详解 #### 一、jQuery 遍历方法 **1. 获取父节点** - **parent() 方法**: 返回被选元素的直接父元素。 - 示例代码：`$("span").parent();` 这将返回 `<li>` 元素。 - **parents()...
2. 层次选择器：祖先后代选择器（如$("ancestor descendant")）、子元素选择器（如$("parent > child")）、相邻兄弟选择器（如$("prev + next")）和后续兄弟选择器（如$("prev ~ siblings")）。 3. 过滤选择器：...
3. **DOM遍历与修改**：使用`.next()`, `.prev()`, `.find()`, `.append()`, `.prepend()`等进行DOM结构操作。 4. **表单操作与序列化**：处理表单元素，如`.serialize()`, `.serializeArray()`，以及表单验证。 **...
2. **遍历方法：** jQuery的遍历方法使得在DOM树中导航变得异常简单，例如`.next()`、`.prev()`、`.parent()`、`.children()`等，极大地提高了DOM操作的效率和可读性。 3. **DOM操作：** 通过jQuery，可以轻松地...
- 层次选择器：`$("ancestor descendant")`, `$("parent > child")`, `$("prev + next")`, `$("prev ~ siblings")`。 - 过滤选择器：`$:first`, `$:last`, `$:even`, `$:odd`, `$:gt(index)`, `$:lt(index)`, `$:...
prev + next prev ~ siblings 基本 :first :last :not(selector) :even :odd :eq(index) :gt(index) :lt(index) :header :animated :focus1.6+ 内容 :contains(text) :empty :has(selector) :...
- **DOM遍历**: `parent()`, `children()`, `siblings()`, `next()`, `prev()`等方法帮助在DOM结构中导航。 - **内容操作**: `html()`, `text()`, `val()`用于获取或设置元素的内容或值。 - **Ajax交互**: `$....
3. **同级别选择器**: `jQuery("prev + next")`，如`jQuery("#next + input")`会选择`#next`后面紧邻的同级元素。 4. **过滤选择器**: `jQuery("prev ~ siblings")`，例如`jQuery("#next ~ [title]")`会选择`#next`...
同时，`.siblings()`和`.next()`、`.prev()`等方法可以帮助我们处理相邻元素的关系。 在事件处理方面，JQuery提供了简化的事件绑定方式，如`.click()`、`.mouseover()`等，使得添加和移除事件监听器变得更加简单。...
在jQuery 1.11.3中，有多种选择器供开发者使用，如基本选择器（如"#id"、".class"、"tag"），层级选择器（如"parent > child"、"prev + next"），以及属性选择器（如"[attr=value]"）。这些选择器使得选取DOM元素变...