Quando se trata de encontrar relacionamentos entre elementos, tradicionalmente pensamos em uma abordagem de cima para baixo. Podemos agradecer ao CSS e ao querySelector/querySelectorAll para essa relação nos seletores. E se quisermos encontrar o elemento pai com base no seletor?
Para ver acima a árvore de elementos e encontrar um pai por seletor, o senhor pode usar HTMLElement‘s closest method:
// Our sample element is an "a" tag that matches ul > li > a
const link = document.querySelector('li a');
const list = a.closest('ul');
closest procura a cadeia de ancestrais para encontrar uma correspondência parent o oposto dos seletores CSS tradicionais. O senhor pode fornecer closest um seletor simples ou complexo para procurar!
5 novas e incríveis tecnologias da Mozilla que o senhor nunca ouviu falar
Minha viagem ao Mozilla Summit 2013 foi incrível. Passei tanto tempo focado em meu projeto que perdi de vista todo o excelente trabalho que os Mozillians estavam fazendo. O MozSummit foi o lembrete perfeito de como meus colegas são brilhantes e o quanto…
Solicitações básicas de AJAX usando o MooTools 1.2
O AJAX se tornou uma grande parte da Web moderna e isso não mudará em um futuro próximo. O MooTools tornou o AJAX tão simples que um desenvolvedor novato pode fazer com que suas páginas dinâmicas funcionem rapidamente. Etapa 1: O XHTML Aqui definimos dois links…
WebKit Marquee CSS: Trazendo o sexy de volta
Todos nós brincamos sobre os dias de Antigamente na Web. Os senhores se lembram deles: GIFs animados estúpidos (chamas e imagens de “em breve”, principalmente), contadores idiotas, livros de visitas, applets etc. Outro “recurso” do qual pensávamos ter nos livrado foi o marquee. O marquee era uma ferramenta rudimentar, semelhante ao javascript…