JS 怎么获取div的兄弟div

2012-06-01

JS 如何获取div的兄弟divHTML codediv[解决办法]HTML codediv1/divdiv idd2/divdiv3/div

JS 如何获取div的兄弟div

HTML code

<div>

[解决办法]

HTML code

<div>1</div><div id='d'>2</div><div>3</div><script>var div = document.getElementById('d');var p = div.previousSibling;//前一个兄弟var n = div.nextSibling; //后一个兄弟</script>
[解决办法]
JScript codedocument.getElementById("divID").previousSibling//获取前一个兄弟节点document.getElementById("divID").nextSibling//获取下一个兄弟节点
[解决办法]
HTML code<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><div>    <div>111</div>    <div>222</div>    <div id="demo">333</div>    <div>444</div>    <div>555</div></div><script type="text/javascript">var obj = document.getElementById('demo'), ar = [];var prevS = obj.previousSibling;while(prevS != null) {    if (prevS.nodeType == 1 && prevS.tagName == 'DIV') ar.push(prevS);    prevS = prevS.previousSibling; }var nextS = obj.nextSibling;while(nextS != null) {    if (nextS.nodeType == 1 && nextS.tagName == 'DIV') ar.push(nextS);    nextS = nextS.nextSibling; }for (var i = 0; i < ar.length; i ++) alert(ar[i].innerHTML);</script></body></html>
[解决办法]
探讨

HTML code
<div>1</div><div id='d'>2</div><div>3</div>
<script>
var div = document.getElementById('d');
var p = div.previousSibling;//前一个兄弟
var n = div.nextSibling; //后一个兄弟
</script>


用jquery的话比较方……

[解决办法]
previousSibling这些在非IE的浏览器会取到空白节点啊貌似...囧~~
[解决办法]
jquery的
HTML code<!DOCTYPE HTML><html>    <head>        <meta charset="gb2312" />        <title></title>            <script src="http://code.jquery.com/jquery-latest.js"></script>    </head>    <body>        <div>1</div>        <div>2</div>        <div id="test">获取该节点之前的兄弟div</div>        <div>4</div>        <div>5</div>        <script>            $('#test').prevAll('div').each(function(){                alert( this.innerHTML )            })        </script>    </body></html>

热点排行

JavaScript

JS 怎么获取div的兄弟div