Как написать .siblings() на javacript с использованием this?

Question

[Александр Янк]

Написал на jQuery:


Теперь учусь переписывать на javaScript, не получается переписать эту строчку:
$(this).siblings('.search').fadeToggle().focus();

я написал вот так, но не работает, что не так?

Array.prototype.filter.call(item.parentNode.children, function (child) {
    return child !== document.querySelector('.show');
});

Песочница на чистом JS

Answer 1

[Stalker_RED]

document.querySelector('.show') возвращает первый попавшийся элемент с классом .show

Зачем вообще проверять класс?

function myGetSiblings(startElem) {
  return Array.from(startElem.parentNode.children)
    .filter(el => el !== startElem);
}

Comments

[Александр Янк]

Однако, я не до конца понимаю как привести jquery на JS:
$(this).siblings('.search').fadeToggle().focus();

[Stalker_RED]

Александр Янк, если нужно с селектором, то добавьте еще проверку на matches

function myGetSiblings(startElem, selector) {
  return Array.from(startElem.parentNode.children)
    .filter(el => el !== startElem && el.matches(selector));
}

Написать fadeToggle - отдельный большой квест, тут в пару строк не уложишься.
с focus() вообще бредовенько - разве можно установить фокус сразу на несколько элементов?

Answer 2

[fallus]

Вероятно в Вашем коде стоит заменить document.querySelector('.show') на item

Comments

[Александр Янк]

Прошу прощения, но я не понимаю, как эту строку обратить в JS, можете привести пример:
$(this).siblings('.search').fadeToggle().focus();