Javascript 函數不會產生預期的結果

Question

所以我有一個 Javascript 函數應該產生項目的第 n 個孩子。 下面是該函數的代碼。

 function findNthChild(element) { nthchild = 1; console.log(element); if (element.prev().hasClass('.point')) { while (element.prev().hasClass('.point')) { nthchild++; element == element.prev() } return nthchild; } else { console.log('lmao'); return 1; } }

Answer 1

從你的元素來看，你想要的算法可能看起來像這樣

1. 看下一個兄弟元素， elm
2. 如果elm未定義或為null 則返回null
3. 如果elm有類InterestClass ，則將n減1
4. 如果n大於0則返回步驟 1
5. 回歸elm

香草，

function nthSiblingElementByClass(sibling, n, cls) {
    if (sibling) do {
        if (sibling.classList.contains(cls))
            if (--n < 0) return sibling;
    } while (sibling && (sibling = sibling.nextElementSibling));
    return null;
}

用法，例如在此頁面上

var elm = document.querySelector('.kwd');
nthSiblingElementByClass(elm, 5, 'pln'); // <span class=​"pln">​console​</span>​