Как найти элемент?

Question

[intriga93]

по другому
а не через nextElementSibling
на 14 строке (находим ul)

https://jsfiddle.net/5npsymrg/3/

Answer 1

[Чипекве]

Через querySelector

const tree = document.querySelector('#tree');

 tree.addEventListener('click', function({target}) { 
   if (target.tagName !== 'LI' || !target.hasChildNodes()) return; 
   target.querySelector('ul').classList.toggle('no')
 })

Comments

[intriga93]

Чипекве, код не работает
https://jsfiddle.net/kjds9yp2/2/

[Чипекве]

Работает, если не добавлять лишнего:

let elems = tree.querySelectorAll('li');
 for (let li of elems) {
   let span = document.createElement('span');
   li.prepend(span);
   span.append(span.nextSibling);
 }

Непонятно, зачем добавлять там spanы, тем более таким способом.

Но если очень надо, то:

tree.addEventListener('click', function({target}) { 
  const liElem =  target.closest('li') 
    if (!liElem.querySelector('li')) return; 
    liElem.querySelector('ul').classList.toggle('no')
  });

[intriga93]

Чипекве,

Непонятно, зачем добавлять там spanы, тем более таким способом.

думала так проще будет проверять куда кликнули

Answer 2

[Артём Валеев]

Примеры использования:

$("div").find("span")	//вернет все элементы span, находящиеся внутри div-элементов.
$("div").find(".bigBlock")	//вернет все элементы с классом bigBlock, находящиеся внутри div-элементов.
$("div").find( $(".bigBlock") )	//вернет все элементы с классом bigBlock, находящиеся внутри div-элементов.

Comments

[intriga93]

Артём Валеев, это ж вроде jquery

Answer 3

[Евгения Сипидина]

какой элемент вы хотите найти? и у какого элемента должен переключатся класс 'no'?

в 13 строке неверно условие: если нужно проверить есть ли у элемента, на который кликнули, следующий брат/сестра и тогда условие должно выглядеть так - if (!target.nexElementSibling) return;

Comments

[intriga93]

Евгения Сипидина, если добавить условиеif (!target.nexElementSibling) return;то код вообще не отрабатывает

https://jsfiddle.net/e51ytopa/
класс должен добавляется следуещему ul
после li