先获取父节点: var parentEle=ele.parentNode
在获取父节点的兄弟节点:var parentEle1=parentEle.previousSbiling//上一个节点
某个子节点:var obj=parentEle1.firstChild//第一个子节点
jQuery也有相应的方法。
$('#id').siblings() 当前元素所有的兄弟节点$('#id').prev() 当前元素前一个兄弟节点
$('#id').prevaAll() 当前元素之前所有的兄弟节点
$('#id').next() 当前元素之后第一个兄弟节点
$('#id').nextAll() 当前元素之后所有的兄弟节点
这三个方法都可以添加选择器,给出选择条件,就能找到你指定的兄弟节点了。
纯手打,望采纳!
<!doctype html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
window.addEventListener('load',function(){
// 点击t-1时同时触发t-2点击
document.getElementById('x-1').addEventListener('click',function(e){
console.log(e.target.id)
// 创建事件对象
var event = document.createEvent('HTMLEvents')
event.initEvent('click', false,false)
event.eventType = 'message'
// 把事件触发信息传递给兄弟节点
e.target.nextElementSibling.dispatchEvent(event)
})
document.getElementById('x-2').addEventListener('click',function(e){
console.log(e.target.id)
})
})
</script>
</head>
<body>
<ul>
<li id="x-1">t-1</li>
<li id="x-2">t-2</li>
</ul>
</body>
</html>