1 00:00:00,350 --> 00:00:03,240 Questo video ho una sfida divertente e veloce per te. 2 00:00:03,300 --> 00:00:09,540 Quindi nella pagina di riferimento di questo evento ci sono un sacco di eventi come abbiamo visto nell'ultimo video e 3 00:00:09,540 --> 00:00:11,550 voglio sapere esattamente quanti sono qui. 4 00:00:11,790 --> 00:00:17,610 E sicuramente non voglio che tu conti manualmente, quindi scrivi il codice javascript per capire 5 00:00:17,610 --> 00:00:20,550 quanti di questi eventi esistono in questa pagina. 6 00:00:20,730 --> 00:00:24,660 Quindi ti consiglio di aprire la console e iniziare a digitare alcune cose qui. 7 00:00:24,990 --> 00:00:29,990 E il suggerimento che otterrai è che ogni evento è uno di questi elementi. 8 00:00:29,990 --> 00:00:35,520 non so cosa siano, ma qualunque sia ciascuna di esse corrisponde ad un evento separato in questa pagina. 9 00:00:35,520 --> 00:00:36,560 Qualunque cosa siano, 10 00:00:36,660 --> 00:00:38,720 Quindi conta quanti di questi ci sono. 11 00:00:39,030 --> 00:00:41,940 Quindi questo problema è un ottimo uso per il javascript con. Copre un sacco di cose di cui abbiamo parlato selezionando e scorrendo le cose. 12 00:00:42,000 --> 00:00:47,430 Quindi vai avanti e dai una possibilità al tuo video positivo, se necessario. 13 00:00:47,430 --> 00:00:50,850 E poi vado per la soluzione. 14 00:00:50,850 --> 00:00:52,120 E solo un momento. 15 00:00:52,140 --> 00:00:54,710 OK, parliamo di come possiamo scoprirlo. 16 00:00:56,520 --> 00:00:58,930 Quanti eventi ci sono in questa pagina. 17 00:00:58,980 --> 00:01:01,320 Il mio primo istinto sarebbe quello di ispezionare. 18 00:01:01,320 --> 00:01:04,060 Quindi diamo un'occhiata. 19 00:01:04,260 --> 00:01:05,830 Questi sono Tweedy. 20 00:01:05,850 --> 00:01:06,860 Sembra. 21 00:01:06,860 --> 00:01:07,790 Quindi abbiamo un T. T. Là. 22 00:01:08,210 --> 00:01:09,880 OK. 23 00:01:10,130 --> 00:01:10,420 Quindi ogni evento è suo. 24 00:01:10,430 --> 00:01:12,750 TR Così puoi vedere. 25 00:01:12,750 --> 00:01:15,360 Quindi questo è un evento. 26 00:01:15,840 --> 00:01:17,350 Questo è il prossimo 27 00:01:17,430 --> 00:01:24,270 evento che si trova all'interno di una TR, quindi possiamo solo contare il numero di livelli in questa pagina. 28 00:01:24,270 --> 00:01:25,080 Il problema è che potrebbero esserci altre tabelle che non sappiamo. 29 00:01:25,080 --> 00:01:28,680 Quindi vediamo di fare un selettore di query tutto. 30 00:01:28,680 --> 00:01:34,410 TR Bene, facciamo solo un tavolo. 31 00:01:34,410 --> 00:01:36,300 Vediamo quanti tavoli ci sono nella pagina. 32 00:01:36,360 --> 00:01:38,920 Documento dimenticato 33 00:01:39,000 --> 00:01:41,970 Abbiamo un tavolo qui. 34 00:01:41,970 --> 00:01:43,160 OK, sembra buono, abbiamo un altro tavolo in basso, dov'è questo. 35 00:01:43,200 --> 00:01:48,290 Vediamo. 36 00:01:49,350 --> 00:01:51,330 OK. 37 00:01:52,900 --> 00:01:53,270 Eventi non standard. 38 00:01:53,280 --> 00:01:54,450 Ok è giusto. 39 00:01:54,450 --> 00:01:55,490 Vogliamo anche contarli. 40 00:01:55,530 --> 00:01:57,500 E poi vogliamo anche contare questo tavolo che abbiamo anche corretto. 41 00:01:58,440 --> 00:02:03,220 E questo e poi è un tavolo in fondo. 42 00:02:03,270 --> 00:02:06,930 Quindi questi sono tutti gli eventi che vogliamo. 43 00:02:06,960 --> 00:02:08,830 Così ora che abbiamo capito che le uniche tabelle sulla pagina sono quelle che ci interessano. 44 00:02:09,120 --> 00:02:14,200 Ero preoccupato che potessero usare un tavolo qui nel bar di bordo o da qualche parte quassù. 45 00:02:14,220 --> 00:02:18,430 Ma risulta che le uniche tabelle sulla pagina 46 00:02:18,480 --> 00:02:24,180 e quindi l'unica squadra sulla pagina sono rilevanti per questo problema. 47 00:02:24,180 --> 00:02:25,020 Contengono questi 48 00:02:25,050 --> 00:02:32,640 eventi, quindi vogliamo fare ora selezionare documenti o domande come se fossi tutti TR e questo ci darebbe tutti i tuoi 306. 49 00:02:32,640 --> 00:02:36,410 Quindi apriamo il primo e possiamo vedere questi corrispondono ai singoli eventi. 50 00:02:36,750 --> 00:02:42,530 C'è un piccolo problema che è il primo TR in realtà è qui le intestazioni. 51 00:02:42,540 --> 00:02:48,660 Quindi dovremmo escludere uno da questa tabella e quindi 52 00:02:48,990 --> 00:02:57,720 abbiamo questa tabella qui che ha anche le intestazioni, quindi dobbiamo escluderla. 53 00:02:57,780 --> 00:02:59,700 Quindi per ogni tavolo ce 54 00:02:59,850 --> 00:03:06,330 ne sono uno due tre quattro cinque hanno davvero bisogno di sottrarre cinque righe perché non li vogliamo qui. 55 00:03:06,330 --> 00:03:07,940 Quindi per capire quanti eventi ci 56 00:03:08,310 --> 00:03:14,220 sono in questa pagina abbiamo solo bisogno di ottenere la lunghezza di tutti i diademi. Quindi quella lista che viene restituita. 57 00:03:14,220 --> 00:03:16,170 Questo qui ho bisogno di capire quanto è lungo. 58 00:03:16,500 --> 00:03:18,980 Quindi documenta le query come tutte le tue TR. 59 00:03:18,990 --> 00:03:22,160 E questo ci dà $ 360 su questa pagina. 60 00:03:22,430 --> 00:03:26,290 L'unica cosa che dobbiamo escludere quelle cinque intestazioni in modo che potremmo farlo come questo meno 5. 61 00:03:26,310 --> 00:03:32,270 E questo ci dà 301. 62 00:03:32,760 --> 00:03:34,600 Tuttavia questo è un po 'difficile da codificare perché stiamo assumendo che ci siano sempre cinque tavoli. 63 00:03:34,890 --> 00:03:40,160 E se avessero aggiunto una sesta tabella di eventi, questo avrebbe 64 00:03:40,380 --> 00:03:46,200 tenuto conto di tutti i TR sulla pagina, ma dovremmo comunque sottrarre 5. 65 00:03:46,200 --> 00:03:47,810 Quindi quello che in realtà vogliamo sottrarre è la lunghezza di quanti tavoli ci sono nella pagina. 66 00:03:48,000 --> 00:03:53,040 Quindi per ogni tavolo c'è un TR che ha le intestazioni su di esso. 67 00:03:53,160 --> 00:03:57,210 Quindi sembrerà questo documento che interroga Lechter su tutti gli hotlink TR meno. 68 00:03:57,540 --> 00:04:02,520 Documenta quel selettore di query. 69 00:04:02,520 --> 00:04:04,550 Tutte le tabelle sono hotlink da tavolo. 70 00:04:04,920 --> 00:04:10,440 E questo ci dà anche trecentouno. 71 00:04:11,100 --> 00:04:14,050 Quindi questo esercizio ha due scopi uno solo per ottenere più pratica usando la console selezionando le cose. 72 00:04:14,070 --> 00:04:19,890 di eventi là fuori molto più di quanto tu abbia mai bisogno di usare. 73 00:04:20,340 --> 00:04:25,560 E il secondo è quello di mostrarti che ci sono un sacco 74 00:04:25,560 --> 00:04:26,440 Ma è bene essere consapevoli. 75 00:04:26,460 --> 00:04:27,380 Sembra che ce ne siano 301, ma come ho detto qualche anno fa è un mondo piuttosto piccolo. 76 00:04:27,380 --> 00:04:32,760 La maggior parte delle volte userai circa 10 o forse 15. 77 00:04:32,760 --> 00:04:36,860 Ma ci sono apparentemente 301 78 00:04:37,050 --> 00:04:38,550