$("tbody td:odd")click(function(){
$(this)text();//当前单元格得值
var input_value = $(this)prev()children(":input")val(); //的单元格的值和被点击的单元格同 //一行且是被点击单元格前一个兄弟节点的INPUT的value
});
首先是自己的所有后代： $("#b")find("")
然后是自己的所有弟弟：$("#b")nextAll()
接着是弟弟们的所有后代：$("#b")nextAll()find("")
然后是自己所有祖先的弟弟（父亲的弟弟、祖父的弟弟……）：$("#b")parents()nextAll()
最后是所有祖先的弟弟们的所有后代：$("#b")parents()nextAll()find("")
$(document)ready(function(){
$('myli')click(function(){
$('myli')attr('class','oldliclass'); //旧的样式
$(this)attr('class','newliclass'); //新的样式
});
});
//提醒：这个不一定是连续点的，可能是 点1 后又点击5了
先获取当前对象，再根据对象去获取上一个兄弟节点和下一个兄弟节点
prev()
定义和用法
prev() 获得匹配元素集合中每个元素紧邻的前一个同胞元素，通过选择器进行筛选是可选的。
prev(selector)
参数描述
selector 字符串值，包含用于匹配元素的选择器表达式。
--说明：如果给定一个表示 DOM 元素集合的 jQuery 对象，prev() 方法允许我们在 DOM 树中搜索这些元素的前一个同胞元素，并用匹配元素构造一个新的 jQuery 对象。
next()
定义和用法
next() 获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器，则取回匹配该选择器的下一个同胞元素。
next(selector)
参数描述
selector 字符串值，包含用于匹配元素的选择器表达式。
--说明：如果给定一个表示 DOM 元素集合的 jQuery 对象，next() 方法允许我们搜索 DOM 树中的元素紧跟的同胞元素，并用匹配元素构造新的 jQuery 对象。
示例：
<!--HTML代码--><div id="div1">111</div>
div id="div2">222</div>
div id="div3">333</div>$("#div2")prev()attr("id"); //获取div2同级的上一个div的id，值为div1
$("#div2")next()attr("id"); //获取div2同级的下一个div的id，值为div3
千总，是这样的。jQuery里面的“父子关系”，“兄弟关系“是基于html DOM节点的。
比如你的例子，
<div class="div" id=div1>
<font class="fount1">我是1！</font>
<div id=div2>
<font class="fount2">我是2！</font>
</div>
</div>
div1是html页面body下的一个子节点，而这个div1又有fount1，和div2这两个子节点，fount1和div2是兄弟关系，div2下面还有一个fount2节点 。
你要用jQuery去找什么父节点，子节点，首先要搞清楚这个节点在HTML中是什么关系，然后你才可以用parent（）,child（）这些方法。
下面是例子
<%@ page language="java" import="javautil" pageEncoding="GB18030"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 401 Transitional//EN">
<html>
<head>
<title>My JSP 'testjsp' starting page</title>
<script type="text/javascript" src="/js/jquery/jquery-132minjs"></script>
<script type="text/javascript">
$(document)ready(function() {
alert($("fount1")parents("div")html());
alert($("fount2")parents("div")html());
});
</script>
</head>
<body>
<div class="div">
<font class="fount1">我是1！</font>
<div>
<font class="fount2">我是2！</font>
</div>
</div>
</body>
</html>
1、新建一个html文件，命名为testhtml。
2、在testhtml文件中，使用div标签创建一个模块，再使用p标签，b标签创建测试的内容。
3、在testhtml文件中，设置b标签的id属性为son，主要用于下面通过该id获得b标签对象。
4、在testhtml文件中，使用button标签创建一个按钮，按钮名称为“获得父节点的父节点的兄弟节点内容”。
5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getcon（）函数。
6、在js标签内，创建getcon()函数，在函数内，通过id（son）获得b标签对象 ，重复使用parent()方法获得b标签的父节点的父节点，再使用siblings()获得b标签的父节点的父节点的兄弟节点，通过eq(0)获得第一个兄弟节点，使用text()获得兄弟节点的内容。最后，使用alert()方法将内容输出。
以上就是关于jquery如何得到与TD同一行中TD的前一个兄弟节的INPUT值全部的内容，包括:jquery如何得到与TD同一行中TD的前一个兄弟节的INPUT值、使用jquery查找某个元素之后的所有满足条件元素（包括兄弟节点、子节点和无关节点）、jquery选择除了它本身之外的li等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）