jquery获取兄弟元素，jquery 兄弟

jquery查找父元素的下一兄弟元素的第一个子元素，要返回jquery对象，怎么写？

$("#元素id").chilrdren().eq(0)也有其他写法的.first()啊之类的，可以看看官方的文档这些都能在文档上找到的

相关问答

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

Q2: jquery如何获取某一个兄弟节点

$('#id').siblings() 当前元素所有的兄弟节点

$('#id').prev() 当前元素前一个兄弟节点

$('#id').prevaAll() 当前元素之前所有的兄弟节点

$('#id').next() 当前元素之后第一个兄弟节点

$('#id').nextAll() 当前元素之后所有的兄弟节点

Q3: JQuery怎么取兄弟元素的值？

JQuery中用siblings()方法取兄弟节点的元素。

jQuery.siblings() 是返回兄弟姐妹节点，不分前后。

比如有如下html页面：

!DOCTYPE html

html

head

script type="text/javascript" src="/jquery/jquery.js"/script

/head

body

ul

 lilist item 1/li

 lilist item 2/li

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

 lilist item 4/li

 lilist item 5/li

/ul

script

$('li.third-item').siblings().css('background-color', 'red');

/script

/body

/html

运行结果：

Q4: jquery如何添加兄弟节点 不是子节点哦 O(∩_∩)O~

1、首先获取要添加的节点的节点，然后创建一个节点，添加到节点的前面。

2、!DOCTYPE htmlhtml head  meta charset="utf-8"  titleDOM树操作/title  script   function f1(){。

3、找到狮子狗这个节点     通过id查找到狮子狗节点    var ul=document.getElementById("d1")。

4、/head body  !--在ul列表中追加一个蛮王英雄--  ul id="d1"   li亚索/li   li狮子狗/li   li披甲龙龟/li。

5、  /ul  input type="button" value="追加蛮王" onclick="f2()" / /body/html。

6、在狮子狗节点后追加一个li蛮王/li   a.找到狮子狗这个节点     通过id查找到狮子狗节点     var li=document.getElementById("l1");   b.创建li蛮王/li节点对象和内容。

Q5: jquery 选择器，如何选择本子元素的父元素下的另一个子元素。

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery，填充问题基础代码。

2、在index.html中的script标签，输入jquery代码：

$('.bb2').click(function () {

$('body').append($(this).parent().find('.ccc').text());

});

3、浏览器运行index.html页面，点击“click me”的条目，此时会成功打印出“哈哈”的内容。

jquery获取兄弟元素的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jquery 兄弟、jquery获取兄弟元素的信息别忘了在本站进行查找喔。