jquery 获取当前同级节点

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

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

});

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

<ul>

    <li>第1个</li>

    <li>第2个</li>

    <li>第3个</li>

    <li>第4个</li>

</ul>使用eq选择器获取

语法：$(":eq(index)") index值从0开始。

获取第二个 $("ul li:eq(1)")

获取第三个 $("ul li:eq(2)")

jquery 还有很多有趣的选择器，可百度“jquery选择器大全”查看资料

<ul id="ul_list">

<li id="li1"></li>

<li id="li2"></li>

<li id="li3"></li>

</ul>

$("#ul_list li[id!='li2']")html();

结果：

<li id="li1"></li>

<li id="li3"></li>

也可以直接选取li节点

$("li[id!='li2']")html();

结果是一样的

可以多看一下 jQuery 的API文档，有中文的，这些选择器的基本 *** 作资料很全的

你提问时，应该将你的需求功能列出来，这样避免回答的人走弯路

你的 this 用错了，它是一个document对象，取它属性 id 的值代进去就可以了

$(function() {

$("#u_menu>li")mouseover(function() {

$(this)css({ "background-image": "url(images/cq_04jpg)", "color": "#ffffff" });

$("#u_menu li[id!='" + $(this)attr("id") + "']")css({ "background-image": "url(images/cq_05jpg)", "color": "#000" });

})

})

不过你这样的做法很奇怪，在 将鼠标移动选中的的当前项的样式改变外，其他非选中的也改变样式？

只“高亮”当前选中项，其他项就普通样式显示不就行了？

Jquery获取子元素的方法有2种，分别是children()方法和find()方法。下面我们分别来使用这两种方法，看看它们有何差异。

children()方法：获取该元素下的直接子集元素

find()方法：获取该元素下的所有子集元素

分别以以下HTML代码为例：<ul><li>list1<ul><li>list1-1</li><li>list1-2</li></ul></li><li>list2<ul><li>list2-1</li><li>list2-2</li></ul></li><li>list3<ul><li>list3-1</li><li>list3-2</li></ul></li></ul>

children()方法获取ul下面直接子集元素li：$("ul")children("li")

需要注意的是，如果li元素下还有li元素，children方法将不会被获取。我们可以用length来测试获取的个数“$("ul")children("li")length”，最后输出结果为3

find()方法获取ul下所有元素li：$("ul")find("li")

需要注意的是，find方法会无限循环查找ul标签节点下的li，一直找到没有为止，用length来测试获取个数“$("ul")find("li")length”，最后输出结果为9

children和find的区别：children只会查找直接子集，而find会跨越层级查找，一直找到没有为止。

第一种方法:

使用$("#menu")children()html();

这样会获得"<li><ul><li></li></ul><li>"

第二种方法:

$("#menu > ul > li")

<script>

$(function(){

var str = $("li a")text();

});

</script>

上面程序里的 str 就等于li里面a的值 也就是“一级菜单”

jquery里面的text()可以获取标签的值，同样也可以改变标签的值

比如：<li id="a_1">一级菜单</li>

$("#a_1")text("二级菜单");

这个时候li标签里面的值就变为“二级菜单”了

以上就是关于jquery 获取当前同级节点全部的内容，包括:jquery 获取当前同级节点、用jquery怎么取父节点的兄弟节点、jquery 请问我怎么获得每个ul的第 二个 或者第三格li元素呢等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！