jquery节点查找,js查找节点的方法

jquery如何获取某一个兄弟节点，不是全部的，是指定的兄弟节点

$('#id').siblings() 当前元素所有的兄弟节点

$('#id').prev() 当前元素前一个兄弟节点

$('#id').prevaAll() 当前元素之前所有的兄弟节点

$('#id').next() 当前元素之后第一个兄弟节点

$('#id').nextAll() 当前元素之后所有的兄弟节点

这三个方法都可以添加选择器，给出选择条件，就能找到你指定的兄弟节点了。

扩展资料

1、jquery 获取元素(父节点,子节点,兄弟节点)

$("#test1").parent(); // 父节点

$("#test1").parents(); // 全部父节点

$("#test1").parents(".mui-content");

$("#test").children(); // 全部子节点

$("#test").children("#test1");

$("#test").contents(); // 返回#test里面的所有内容，包括节点和文本

$("#test").contents("#test1");

$("#test1").prev();  // 上一个兄弟节点

$("#test1").prevAll(); // 之前所有兄弟节点

$("#test1").next(); // 下一个兄弟节点

$("#test1").nextAll(); // 之后所有兄弟节点

$("#test1").siblings(); // 所有兄弟节点

$("#test1").siblings("#test2");

$("#test").find("#test1");

2、元素筛选

// 以下方法都返回一个新的jQuery对象，他们包含筛选到的元素

$("ul li").eq(1); // 选取ul li中匹配的索引顺序为1的元素(也就是第2个li元素)

$("ul li").first(); // 选取ul li中匹配的第一个元素

$("ul li").last(); // 选取ul li中匹配的最后一个元素

$("ul li").slice(1, 4); // 选取第2 ~ 4个元素

$("ul li").filter(":even"); // 选取ul li中所有奇数顺序的元素

相关问答

Q1: 如何使用Jquery获取当前节点的孙节点

这些jquery的一些查找方法：可以看看

jQuery.parent(expr)           //找父元素

jQuery.parents(expr)          //找到所有祖先元素，不限于父元素

jQuery.children(expr)        //查找所有子元素，只会找到直接的孩子节点，不会返回所有子孙

jQuery.contents()            //查找下面的所有内容，包括节点和文本。

jQuery.prev()                //查找上一个兄弟节点，不是所有的兄弟节点

jQuery.prevAll()             //查找所有之前的兄弟节点

jQuery.next()                //查找下一个兄弟节点，不是所有的兄弟节点

jQuery.nextAll()             //查找所有之后的兄弟节点

jQuery.siblings()            //查找兄弟节点，不分前后

jQuery.find(expr)            //跟jQuery.filter(expr)完全不一样，jQuery.filter(expr)是从初始的

jQuery对象集合中筛选出一部分，而jQuery.find()的返回结果，不会有初始集中

筛选出一部分，而jQuery.find()的返回结果，不会有初始集合中的内容，比如：

  $("p").find("span")是从元素开始找，等于$("p span")

Q2: jQuery查找节点方法完整实例

本文实例讲述了jQuery查找节点方法。分享给大家供大家参考，具体如下：

html

head

meta

http-equiv="Content-Type"

content="text/html;

charset=utf-8"

/

title/title

script

type="text/javascript"

src="js/jquery-1.10.1.min.js"/script

script

type="text/javascript"

//![CDATA[

$(function(){

var

$para

=

$("p");

//

获取p节点

var

$li

=

$("ul

li:eq(1)");

//

获取第二个li元素节点

var

p_txt

=

$para.attr("title");

//

输出p元素节点属性title

var

ul_txt

=

$li.attr("title");

//

获取ul里的第二个li元素节点的属性title

var

li_txt

=

$li.text();

//

输出第二个li元素节点的text

alert(ul_txt);

alert(li_txt);

alert(p_txt);

});

//]]

/script

/head

body

p

title="T选择你最喜欢的水果."

你最喜欢的水果是?/p

ul

li

title='T苹果'苹果/li

li

title='T橘子'橘子/li

li

title='T菠萝'菠萝/li

/ul

/body

/html

效果图如下：

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery操作DOM节点方法总结》、《jQuery页面元素操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery表格(table)操作技巧汇总》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

Q3: Jquery对象查找某个节点要怎么查找

jQuery.parent(expr) 找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class")

jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素，不限于父元素

jQuery.children(expr).返回所有子节点，这个方法只会返回直接的孩子节点，不会返回所有的子孙节点

jQuery.contents(),返回下面的所有内容，包括节点和文本。这个方法和children()的区别就在于，包括空白文本，也会被作为一个

jQuery对象返回，children()则只会返回节点

jQuery.prev()，返回上一个兄弟节点，不是所有的兄弟节点

jQuery.prevAll()，返回所有之前的兄弟节点

jQuery.next(),返回下一个兄弟节点，不是所有的兄弟节点

jQuery.nextAll()，返回所有之后的兄弟节点

jQuery.siblings(),返回兄弟姐妹节点，不分前后

jQuery.find(expr),跟jQuery.filter(expr)完全不一样。jQuery.filter()是从初始的jQuery对象集合中筛选出一部分，而jQuery.find()

的返回结果，不会有初始集合中的内容，比如$("p"),find("span"),是从元素开始找,等同于$("p span")

Q4: jquery 节点查找（查同名 class 的下一个）

$(".lev_2_1").click(function(){

var in=$(".lev_2-1").index(this);

console.log($("lev_2_1")[in+1])

})

Q5: jquery查找div内所有节点问题

contents() 方法获得匹配元素集合中每个元素的子节点，包括文本和注释节点。

DOM节点（Node）通常对应于一个标签，一个文本，或者一个HTML属性

div是标签， 你获取标签的话，用contents()取不到的。