js取父节点的兄弟节点的某个子元素怎么写

JavaScript017

js取父节点的兄弟节点的某个子元素怎么写,第1张

先获取父节点: 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>