jquery怎样获得同辈的前几个和后几个元素

你好！

获取同辈的元素，有个siblings()方法，这个可以获取到同级的所有元素;

还有prev()、next()分别获取之前和之后的元素，这是取向前或向后的一个元素;

prevAll()、nextAll()是获取之前和之后的所有同级元素;

<ul>

   <li>list item 1</li>

   <li>list item 2</li>

   <li class="third-item">list item 3</li>

   <li>list item 4</li>

   <li>list item 5</li>

</ul>

$("lithird-item")siblings(); //可以获取4个li元素

$("lithird-item")prev();   //取得item2

$("lithird-item")next();   //取得item4

$("lithird-item")prevAll();  //取得item1 itme2

$("lithird-item")nextAll();  //取得item4 item5

还有种方式就是通过siblings()方法获取到同级元素后，使用eq()方法定位元素

var $lis = $("li:last")siblings();

$liseq(0)

希望对你有帮助！

var aAll = abcfind('a');

find(expr)

搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。

所有搜索都依靠jQuery表达式来完成。这个表达式可以使用CSS1-3的选择器语法来写。

返回值

jQuery

参数

expr (String) :用于查找的表达式

示例

从所有的段落开始，进一步搜索下面的span元素。与$("p span")相同。

HTML 代码:

<p><span>Hello</span>, how are you</p>

jQuery 代码:

$("p")find("span")

结果:

[ <span>Hello</span> ]

根据attr(attribute)获取属性名，必须知道上一级的div的class名或者id名，

或者本身知道div的class或者id要获取其他属性，都是这么做的。$("#d1")attr("xxx");xxx是你想获取的某个属性的值。

完整如下：

<div id="div1"><div class="c1" id="d1"></div></div>

$("#div1")find("div")attr("id")

$("#div1")find("div")attr("class")

首先是自己的所有后代： $("#b")find("")

然后是自己的所有弟弟：$("#b")nextAll()

接着是弟弟们的所有后代：$("#b")nextAll()find("")

然后是自己所有祖先的弟弟（父亲的弟弟、祖父的弟弟……）：$("#b")parents()nextAll()

最后是所有祖先的弟弟们的所有后代：$("#b")parents()nextAll()find("")

通过children方法，children("input:first-child")

1

2

$(this)children("input:first-child")val();

$(this)children("input:last-child")val();

通过>选择器，$("items>input:first")

在这里转一篇《jQuery选择元素的方法大全》>

以上就是关于jquery怎样获得同辈的前几个和后几个元素全部的内容，包括:jquery怎样获得同辈的前几个和后几个元素、jquery 选择器，怎么取得一个jquery对象中的<a>标签的对象、如何用Jquery获取某一个Div的Class或者ID等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！