js如何获取兄弟元素的value

JavaScript018

js如何获取兄弟元素的value,第1张

简单来看，两种，一种直接根据classname或者Id去获取对应的元素拿到你要的值；

第二种通过定位当前元素，然后通过获取兄弟节点的方式去获取，相关法请自行查阅资料，一查一大把，自己查出来的才能留下更深的印象

&ltscript type=＂text/javascript＂&gt$(function(){ alert($(＂input[type='checkbox']＂).prev().val())}) &lt/script&gt

1.纯js如下：

var s=document.getElementById('id')

var par=s.parentNode   //得到s的父节点

var ns=s.nextSbiling   //获得s的下一个兄弟节点

var ps=s.previousSbiling  //得到s的上一个兄弟节点

var fc=s.firstChild   //获得s的第一个子节点

2.jQuery如下：

$(ele).parent()//父节点

$(ele).prev()//上一个兄弟节点

$(ele).next()//下一个兄弟节点

找到目标元素的父元素，再找到它的子元素即可：

目标元素.parentNode.childNode

然后再通过循环给每个元素更改样式即可。当然这里面也包括了目标元素，要不要排除掉就看你了

也可以直接找目标元素的兄弟元素，但这要分两步走：往前找和往后找，除非目标元素是所有兄弟里面的老大或老幺，倒不如通过老爸直接找到所有兄弟来得更快更方便。