js如何获取兄弟元素的value

JavaScript011

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

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

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

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

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

比如有如下html页面：

<!DOCTYPE html>

<html>

<head>

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

</head>

<body>

<ul>

 <li>list item 1</li>

 <li>list item 2</li>

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

 <li>list item 4</li>

 <li>list item 5</li>

</ul>

<script>

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

</script>

</body>

</html>

运行结果：