在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')); 
});