如何在JavaScript中针对具有不同类名的同级

如何在JavaScript中针对具有不同类名的同级,javascript,class,target,siblings,Javascript,Class,Target,Siblings,如何通过单击class=“a-1”也在id=“b”内部来确定class=“a-2”在id=“b”内部的目标 您始终可以通过父级: element.parentNode.querySelector('.a-2') 您始终可以通过父级: element.parentNode.querySelector('.a-2') 通过选择所单击节点的父节点的所有子节点,然后过滤掉所单击的节点,可以选择所有同级节点 const el=document.queryselectoral('div>div');

如何通过单击class=“a-1”也在id=“b”内部来确定class=“a-2”在id=“b”内部的目标


您始终可以通过父级:

element.parentNode.querySelector('.a-2')

您始终可以通过父级:

element.parentNode.querySelector('.a-2')

通过选择所单击节点的父节点的所有子节点,然后过滤掉所单击的节点,可以选择所有同级节点

const el=document.queryselectoral('div>div');
常数=函数(el){
const nodes=el.parentNode.children;
返回[…节点]。过滤器(节点=>节点!==el)
}
el.forEach(功能(e){
e、 addEventListener('单击',函数()){
同级(此).forEach(节点=>{
console.log(node.textContent)
})
})
})

A.
B
C
A.
B
A.
B

通过选择所单击节点的父节点的所有子节点,然后过滤掉所单击的节点,可以选择所有同级节点

const el=document.queryselectoral('div>div');
常数=函数(el){
const nodes=el.parentNode.children;
返回[…节点]。过滤器(节点=>节点!==el)
}
el.forEach(功能(e){
e、 addEventListener('单击',函数()){
同级(此).forEach(节点=>{
console.log(node.textContent)
})
})
})

A.
B
C
A.
B
A.
B

你的代码中的
.a-2
在哪里?你的意思是---你如何通过点击class=“a-1”也在id=“b”内部来定位class=“b-2”内部id=“b”?因为没有class=“a-2”的优点我的意思是通过点击a-1来定位b-2。都在b区。谢谢你的代码中的
.a-2
在哪里?你的意思是---你怎么能通过点击class=“a-1”也在id=“b”内部来定位class=“b-2”内部id=“b”?因为没有class=“a-2”的优点我的意思是通过点击a-1来定位b-2。都在b区。谢谢