jquery 兄弟选择器（求教jquery选择器问题，兄弟元素）

本文目录

• 求教jquery选择器问题，兄弟元素
• jquery当前选择的最后一个兄弟元素怎么表示
• jquery如何获取某一个兄弟节点，不是全部的，是指定的兄弟节点
• 用jquery怎么取父节点的兄弟节点
• 如何用jQuery获取父级和父级以上的元素

求教jquery选择器问题，兄弟元素

$("标签位置").prev()，返回上一个兄弟节点，不是所有的兄弟节点
$("标签位置").prevAll()，返回所有之前的兄弟节点
$("标签位置").next(),返回下一个兄弟节点，不是所有的兄弟节点
$("标签位置").nextAll()，返回所有之后的兄弟节点
$("标签位置").siblings(),返回兄弟姐妹节点，不分前后

jquery当前选择的最后一个兄弟元素怎么表示

jQuery 选择器中 :last 表示最后一个元素，所以表示含有某类属性的最后一个元素可用如下代码表示
1

$("test-class:last") // 表示最后一个属于test-class类的元素
示例如下：
创建Html元素
《div class="top"》
《ul》
《li》list-1《/li》
《li class="selected"》list-2《/li》
《li class="selected"》list-3《/li》
《li》list-4《/li》
《li class="selected"》list-5《/li》
《/ul》
《span》红色列表项表示属于selected类，弹出框显示了最后一个属于selected类的元素的内容《/span》
《/div》
设置css样式
div.top{margin:50px;padding:10px;width:300px;height:250px;border:2px dashed #ebbcbe;}
li{padding:5px;}
li.selected{color:red;font-weight:bold;}
span{color:#999;}
编写jquery代码

$(function(){
$("ul").click(function() {
alert($("li.selected:last").text());
});
})

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中所有奇数顺序的元素

用jquery怎么取父节点的兄弟节点

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’ 只匹配一个元素，而此选择符将为每个父元素匹配一个子元素

如何用jQuery获取父级和父级以上的元素

jquery在前端开发中运用广泛，可以用jQuery获取子元素，父元素，兄弟元素等等，这篇文章就和大家讲讲如何用jQuery获取父元素和父元素以上的元素，有需要的朋友可以看看，希望对你有用。
parent()，parents()，closest()这些方法都能实现查找父元素或节点
先有个例子：
《ul class="parent1"》
《li》《a href="#" id="item1"》jquery获取父节点《/a》《/li》
《li》《a href="#"》jquery获取父元素《/a》《/li》
《/ul》我们的目的是通过 id 为 item1 的便签a取到 class 为 parent1 的ul元素，有以下几种方法：
1、parent()
取得一个包含着所有匹配元素的唯一父元素的元素集合。
例如：
$(’#item1’).parent().parent(’.parent1’);2、:parent
匹配含有子元素或者文本的元素
$(’li:parent’);3、parents()
取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。
$(’#items’).parents(’.parent1’);4、closest()
closest会首先检查当前元素是否匹配，如果匹配则直接返回元素本身。如果不匹配则向上查找父元素，一层一层往上，直到找到匹配选择器的元素。如果什么都没找到则返回一个空的jQuery对象。
closest和parents的主要区别是：1，前者从当前元素开始匹配寻找，后者从父元素开始匹配寻找；2，前者逐级向上查找，直到发现匹配的元素后 就停止了，后者一直向上查找直到根元素，然后把这些元素放进一个临时集合中，再用给定的选择器表达式去过滤；3，前者返回0或1个元素，后者可能包含0 个，1个，或者多个元素。
closest对于处理事件委派非常有用。
$(’#items1’).closest(’.parent1’);