导航:首页 > 编程语言 > js查找元素的兄弟元素

js查找元素的兄弟元素

 发布时间：2021-01-31 08:34:01

1. javascript 怎么查找父子兄弟节点获得元素值

document.getElementsByTagName('li')[1].innerHTML获取<li>aa</li>的值

document.getElementsByTagName('li')[2].childNodes[0].value获取<input style="width:30px" type="text" value="bb" />的值

http://www.cnblogs.com/kissdodog/archive/2012/12/25/2833213.html

2. 怎么使用JavaScript获取兄弟节点

先通过父元素的子元素找到含自己在内的“兄弟元素”，然后回判断剔除自己。答

js">functionsiblings(elem){
vara=[];
varb=elem.parentNode.children;
for(vari=0,i<b.length;i++){
if(b[i]!==elem)a.push(b[i]);
}
returna;
}

3. JQUERY 寻找指定元素的所有后代兄弟元素

<!doctypehtml>
<htmllang="en">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<metaname="Author"content="">
<metaname="Keywords"content="">
<metaname="Description"content="">
<scripttype="text/javascript"charset="utf-8"src="jquery.js"></script>
<scripttype="text/javascript">
	$("document").ready(function(){
		=$("input[value='bibi']").nextAll('div');
		divs.each(function(){
			$(this).text($(this).text()+"哈哈被选中了")

		})
	})
</script>
<style>
</style>
<title>Document</title>
</head>
<body>
<inputname="like"type="radio"value="bibi"><span>否</span>
<divclass="oo">
	这是oodiv
</div>
<divclass="pp">
	这是ppdiv
</div>
<divclass="tt">
	这是ttdiv
</div>
</body>
</html>

运行后看到后面的3个div都被选中了...

4. jquery如何获取某一个兄弟节点，不是全部的，是指定的兄弟节点

$('#id').siblings() 当前元素所有的兄弟节点
$('#id').prev() 当前元素前一个兄弟节点
$('#id').prevaAll() 当前元素之前所有的兄弟节点
$('#id').next() 当前元素之后第一个兄弟节点
$('#id').nextAll() 当前元素之后所有的兄弟节点
这三个方法都可以添加选择器，给出选择条件，就能找到你指定的兄弟节点了。

(4)js查找元素的兄弟元素扩展阅读

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

5. js 表达：怎么通过this获取当前元素的兄弟的儿子；

js可以用nextSibling和previousSibling来获得兄弟节点。

6. js怎么找到某个元素的兄弟节点

这个元素的 parentNode.childNodes 就是一堆互相称兄道弟的元素了

7. jquery怎么获取当前元素的兄弟元素

$('#id').siblings() 当前元素所有的兄弟节点
$('#id').prev() 当前回元素答前一个兄弟节点
$('#id').prevaAll() 当前元素之前所有的兄弟节点
$('#id').next() 当前元素之后第一个兄弟节点
$('#id').nextAll() 当前元素之后所有的兄弟节点
这三个方法都可以添加选择器，给出选择条件，就能找到你指定的兄弟节点了。

8. js怎么得到一个div的所有兄弟节点

先获取这个节点的父节点，再获取这个父节点的所有子节点

9. 原生JS怎么获取元素的兄弟节点

应该是优先级问题，你把父标签的dom节点或id或class加上看看，如：div.class1
#id1
#id2
a{color:red;}

10. js如何获取兄弟元素的value

简单来看，两种，一种直接根据classname或者Id去获取对应的元素拿到你要的值；回
第二种通过定位当前元素，然后通答过获取兄弟节点的方式去获取，相关法请自行查阅资料，一查一大把，自己查出来的才能留下更深的印象

阅读全文

与js查找元素的兄弟元素相关的资料

热点内容
怎么用电脑编程mc 浏览：148
跨国邮寄文件多少钱 浏览：455
linuxmpich2安装 浏览：192
苹果专卖店官网旗舰店 浏览：353
iphone4安装支付宝失败 浏览：837
快手app加好友怎么添加 浏览：60
微信删除几年的文件能找回吗 浏览：904
简述编程工作表的操作有哪些 浏览：515
蝗虫shouji病毒iphone 浏览：654
为什么swf文件打印不了 浏览：908
qq群文件最大上传多少 浏览：317
win10英雄联盟玩进不了战斗页面 浏览：326
哪些招聘网站要看个人单位不需要 浏览：302
迅雷年费超会可以把多少文件 浏览：372
win10应用uri 浏览：77
dat数据库 浏览：814
傲剑2绝学升级数据 浏览：215
javaeesdk 浏览：86
linux获取硬盘序列号指令 浏览：935
格斗火影怎么升级快 浏览：149

友情链接