[HTML] Element nadrzedny klasą javascriptową

p
   div
   div
      span
   div
p
   div
   div
      span
   div

/*...*/

span1.addEventListener('click', bla);

span2.addEventListener('click', bla);

function bla () {
   // chcę rozpoznać który p jest nadrzędny dla klikniętego elementu.
}

Wiadomo że są różne sposoby. Na pewno nie chcę używać parentNode bo to różnie bywa.

 

Wygodne byłoby zrobienie klasy z p ale nie zabardzo wiem jak to zrobić.

Jaka jest współczena metoda na ten problem?

współcześnie używa się frameworków javascriptowych

 

jQuery: http://stackoverflow.com/questions/7089229/how-to-select-first-parent-div-using-jquery

A to może korzysta z pętli i metody parentNode?

Jęlsi tak to sobie sam zrobię, po co ładować jQuery.

 

Są inne sposoby?

Nie bardzo rozumiem w taki wypadku pytanie.

 

 

I co teraz mamy strzelać aż trafimy która ci się spodoba? Konwencje nazewnicze wchodzą w grę? specjalne atrybuty?

 

“Różnie bywa”? tzn? masz jakieś wymagania dotyczące obsługiwanych przeglądarek które mogą mieć z tym problem? Masz jakieś złe doświadczenie z tą propertą.

 

Nie parentNode to może parentElement?

http://stackoverflow.com/questions/8685739/difference-between-dom-parentnode-and-parentelement

 

Tak jak pisałem wyżej jeśli pytasz się o współczesne sposoby, to jest to używanie frameworków js zamiast czystego js. Zależy ci na jakieś wysokiej wydajnośći aplikacji czy wolisz wynajdować koło na nowo? (Tylko nie odbierz tego jako krytyki, pytam się serio).

 

Przybliż może nieco problem to odpowiedź będzie bardziej trafna.

Mogą być bilioteki, ale nie koniecznie.

Gdybym wiedział jak to nazwać to pewnie bym sam wyszukał a tak to zapytuję na okrągłymi słowami. :wink: