在JavaScript中使用常见“父元素”的“第一个孩子”元素调用“第二个孩子”元素

Question

$('.child_1').parents('.parent').find('.child_2') 

如何使用核心JavaScript语法调用上述JQuery语法？

我使用child_1谁都有一个共同的parent

Answer 1

$('.child_1').closest('.parent').find('.child_2');

closest()将让你给定的查询字符串匹配的第一个父调用child_2。

Answer 2

你可以这样做：我已经使用:first确定child_1的适当父

$('.child_1').parents('.parent:first').find('.class:eq(1)'); 

首先通知。 然后， 我已经把eq(1)因为孩子计数从0开始;

Answer 3

请参阅本答案Get parents of element in JS，然后遍历父母使用querySelector

var parents = getParents(document.getElementByClassName('.child_1')[0]); 
var children = []; 

parents.forEach(function (parent) { 
    children.push(parent.querySelector('.child_2')); 
});