Cette vidéo, j'ai un défi amusant et rapide pour vous.
Donc sur cette page de référence d'événement il ya une tonne d'événements comme nous l'avons vu dans la dernière vidéo et je veux savoir exactement combien sont ici.
Et je ne veux certainement pas que vous compter manuellement, donc écrire le code javascript pour savoir combien de ces événements existent sur cette page.
Donc, je recommande que vous venez d'ouvrir la console et de commencer à taper quelques trucs ici.
Et l'indice que vous obtiendrez est que chaque événement est l'un de ces éléments.
Quoi que ce soit, je ne sais pas ce que ce sont mais ce que chacun d'eux correspond à un événement distinct sur cette page.
Alors comptez combien il y en a.
Donc, ce problème est une grande utilité pour le javascript con ..
Il couvre beaucoup de choses que nous avons parlé de la sélection et de bouclage à travers les choses.
Alors allez-y et donnez un coup sur votre propre vidéo positive si vous avez besoin.
Et puis je vais aller pour la solution.
Et juste un moment.
OK alors parlons de la façon dont nous pourrions trouver cela.
Combien d'événements sont sur cette page.
Mon premier instinct serait d'inspecter.
Alors allons jeter un coup d'oeil.
Ce sont des Tweedy's.
Ça ressemble à.
Donc nous avons un T.T. là.
D'ACCORD.
Chaque événement est donc le sien.
TR Alors vous pouvez voir.
Donc, c'est un événement.
C'est le prochain événement qui est à l'intérieur d'un TR, donc nous pouvons faire est de compter le nombre de niveaux sur cette page.
Le problème, c'est qu'il pourrait y avoir d'autres tables que nous ne connaissons pas.
Alors voyons, faisons un sélecteur de requêtes tous.
TR Eh bien, allons juste faire table.
Voyons combien de tables sont sur la page.
Mot de passe oublié?
Nous avons un tableau ici.
OK qui semble bon, nous avons une autre table ci-dessous où est celui-ci.
Voyons voir.
D'ACCORD.
Événements non standard.
OK c'est juste.
Nous voulons aussi les compter.
Et puis nous voulons aussi compter cette table que nous avons également corrigée.
Et celui-ci et puis est une table au fond.
Donc, ce sont tous les événements que nous voulons.
Alors maintenant que nous avons compris que les seuls tableaux sur la page sont ceux qui nous préoccupent.
J'étais inquiet qu'ils pourraient utiliser une table ici sur le nav bar ou quelque part ici.
Mais il s'avère que les seules tables sur la page et donc la seule équipe est sur la page sont pertinentes à ce problème.
Ils contiennent ces événements, donc nous voulons faire maintenant est de sélectionner des documents ou des requêtes comme vous êtes tous TR Et qui nous donnerait tous les vôtres dit 306.
Alors ouvrons la première et nous pouvons voir que ces correspondent aux événements individuels.
Il ya un petit problème qui est le tout premier TR est en fait les en-têtes ici.
Nous devrions donc en exclure un de ce tableau, puis nous avons ce tableau ici qui a aussi des en-têtes, donc nous devons exclure celui-ci.
Donc, pour chaque table il ya un deux trois quatre cinq vraiment besoin de soustraire cinq lignes parce que nous ne voulons pas ici.
Donc, pour comprendre combien d'événements sont sur cette page, nous avons juste besoin d'obtenir la longueur de tous les diadèmes de sorte que la liste qui est retourné.
Celui-ci ici, j'ai besoin de comprendre combien de temps cela est.
Donc, les requêtes de documents comme votre longueur de tous les TR.
Et cela nous donne 360 ​​$ sur cette page.
La seule chose que nous devons exclure ces cinq en-têtes afin que nous puissions le faire comme ceci moins 5.
Et cela nous donne 301.
Cependant, c'est un peu difficile à coder parce que nous supposons qu'il ya toujours cinq tables.
Qu'arrivera-t-il si on ajoute une sixième table des événements, ce serait la comptabilisation de tout le TR est sur la page, mais nous serions toujours soustraire 5.
Donc ce que nous voulons vraiment soustraire est la longueur de combien de tables sont sur la page.
Donc, pour chaque table il ya un TR qui a les titres sur elle.
Donc, il ressemblera à ce document qui interroge Lechter tous TR hotlink moins.
Documenter ce sélecteur de requêtes.
Tous les tableaux sont hotlink de table.
Et cela nous donne aussi trois cent un.
Donc cet exercice sert à deux fins un juste pour obtenir plus de pratique en utilisant la console de sélection des choses.
Et la seconde est de vous montrer qu'il ya une tonne d'événements là-bas beaucoup plus que vous aurez jamais besoin d'utiliser.
Mais il est bon d'être conscient.
Il ya apparemment 301, mais comme je l'ai dit il ya quelques années, c'est un monde assez petit.
La plupart du temps, vous allez utiliser environ 10 peut-être 15.