使用javascript中常见'父元素'的'first child'元素调用'second child'元素

Question

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

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

我使用child_2使用child_1

来呼叫parent

Answer 1

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

closest()将为您提供与给定查询字符串匹配的第一个父级。

Answer 2

你可以这样做：

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

首先请注意，我已使用:first来确定child_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'));
});