Javascript function won't yield expected result

Question

So I have a Javascript function that is supposed to yield the item's nth child. Below is the code for the function.

 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

From your element, the algorithm you want might look something like this

1. Look at the next sibling element, elm
2. If elm is undefined or null return null
3. If elm has class interestingClass , decrease n by 1
4. If n is greater than 0 go back to step 1
5. Return elm

Vanilla,

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;
}

Usage, eg on this page

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