index()函数返回指定元素相对于其他指定元素的 index 位置，举个栗子
<html xmlns=">2、next()，可以获取到当前元素的下一个同胞元素。
3、nextAll()，可以获取到当前元素的所有跟随的同胞元素。
4、nextUntil()，可以获取到介于两个元素之间的所有跟随的同胞元素。
5、prev()，可以获取到当前元素的前一个同胞元素。
6、prevAll()，可以获取到当前元素的所有之前的同胞元素。
7、prevUntil()，可以获取到介于两个元素之间的所有之前的同胞元素。
$('#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中所有奇数顺序的元素
var alldiv = $("div");
var firstdiv = alldiv[0];
var lastdiv = alldiv[alldivlength-1];注意，jquery数组返回的是标准的documentobject，也就是说，firstdiv与lastdiv都是类似通过
documentgetelementbyid这个方式获得到的对象，是不能直接使用jq方法的
解决办法很简单
$(firstdiv)即可
jquery获取父元素方法比较多，比如parent()，parents()，closest()，find,first-child这些都能帮你实现查找父节点、子节点、兄弟节点。
$('#cur')parent()parent();或$('#cur')parent()parent('pp');或$('#cur')parent('pp');
jquery 兄弟节点的获取
<ul>
<li>
<h3 class="title">类目一</h3>
<ul>
<li>第一项</li>
<li>第二项</li>
</ul>
</li>
<li>
<h3 class="title">类目二</h3>
<ul>
<li>第一项</li>
<li>第二项</li>
</ul>
</li></ul>
比如要点击类目一所在的 h3，对其兄弟节点的 ul 添加一个叫做 "show" 的 class，代码如下：
$("title")click(function () { $(this)parent()find('ul')addClass('show'); });
就是通过先找到 h3 与 ul 共同的父节点 li 然后来用 find() 找到 ul，还有一种方法是使用 siblings() 函数，代码如下:
("title")click(function() { $(this)siblings('ul')addClass('show'); })
子节点怎么获得
$("#tbody1:first-child")
:first-child
匹配第一个子元素
':first' 只匹配一个元素，而此选择符将为每个父元素匹配一个子元素
很多种方法：楼上hapgaoyi | 七级 的是一种方法：
$("#divimg img")first()show(); 显示上面的div中第一个img
$("#divimg img:gt(0)")hide();隐藏上面的div中不是第一个的img
============================可爱的分隔线================================
此外，还可以这样：
$('#divimg img:eq(0)')show()siblings()hide();
说明：
此例使用了jQuery最有特色的链式 *** 作方式，从而无须多次获取对象，简洁明了，推荐使用。
1、获取第一个子元素有如下方法：
（1）:first
举：$('divone:first')，获取所有class="one"的Div的第一个div子元素。这里的限制在于父子元素都是同一种，即父元素如果是span标签，获取的第一个子元素也是span标签，如果父元素是table标签，获取的子元素也是table标签。
（2）:first-child
如：$('divone:first-child')，获取所有class="one"的Div的第一个子元素，注意是“所有”，意思是说，如果这个DIV有多外，那么获取的第一个子元素也是有多个。
（3）使用eq()方法
如：$('divone > span:eq(1)'),获取class="one"下的Div的第一个span子元素，同（2）一样，也是有多个Div也是获取多个Div的第一个元素。
可以通过获取ID，或者直接在父层限制一个eq(1)这样的形式去获取惟一一个子元素
以上就是关于jQuery 怎样当前的元素是某个集合中的第几个子集全部的内容，包括:jQuery 怎样当前的元素是某个集合中的第几个子集、jquery怎样获取一个元素下面相同子元素的个数、jquery如何获取某一个兄弟节点，不是全部的，是指定的兄弟节点等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）