jquery 获取当前同级节点

$("a")click(function(){

//获取当前a的前一个同级元素: $(this)prev(), 在你提供的代码中,即为 img元素

});

jquery中css() 方法可以设置或返回被选元素的一个或多个样式属性，下面的例子将返回首个匹配元素的 background-color 值：

$("p")css("background-color");

父级的同级元素的子标签的css样式如下：

//eq(0)表示选择匹配到多个元素中的第一个

$("target")parent()siblings()eq(0)children()eq(0)

先获取当前对象，再根据对象去获取上一个兄弟节点和下一个兄弟节点

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

1、新建一个HTML文档，并定义若干个带有class属性的<p>元素。

2、新建一个JS *** 作，并获取选择器匹配的第一个元素。

3、保存以上文件，在浏览器预览效果，得到的是第一个匹配的Class元素。

4、如果想要选择器匹配所有符合的元素，则需要使用选择器。

5、对方法获取的元素集合，进行遍历输出。

6、保存以上内容，在浏览器预览效果。

以上就是关于jquery 获取当前同级节点全部的内容，包括:jquery 获取当前同级节点、jquery 获取 父级的同级下面的子标签的css样式、怎么用jquery 获取同级div 上一个div的id 跟下一个div的id等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！