1
00:00:00,350 --> 00:00:03,240
Deze video Ik heb een leuke en snelle uitdaging voor jou.

2
00:00:03,300 --> 00:00:11,550
Dus op dit evenement verwijzing pagina zijn er een ton van de gebeurtenissen zoals we zagen in de laatste video en ik wil precies weten hoeveel er hier.

3
00:00:11,790 --> 00:00:20,550
En ik wil zeker niet u handmatig tellen dus schrijven JavaScript-code om erachter te komen hoeveel van deze gebeurtenissen bestaan ​​op deze pagina.

4
00:00:20,730 --> 00:00:24,660
Dus ik raad dat je gewoon het openstellen van de console en begint te typen wat spullen in hier.

5
00:00:24,990 --> 00:00:29,990
En de hint dat je krijgt is dat elk evenement is een van deze elementen.

6
00:00:29,990 --> 00:00:36,560
Wat zijn dit weet ik niet wat deze zijn maar wat elk van deze wil komt overeen met een aparte wedstrijd op deze pagina.

7
00:00:36,660 --> 00:00:38,720
Zo tellen hoeveel van deze zijn er.

8
00:00:39,030 --> 00:00:41,940
Dus dit probleem is een groot nut voor de javascript con ..

9
00:00:42,000 --> 00:00:47,430
Het bestrijkt een groot deel van de dingen die we hebben gesproken over het selecteren en doorlussen dingen.

10
00:00:47,430 --> 00:00:50,850
Dus ga je gang en geef dit een schot op je eigen positieve video als dat nodig is.

11
00:00:50,850 --> 00:00:52,120
En dan ga ik voor oplossing.

12
00:00:52,140 --> 00:00:54,710
En net een moment.

13
00:00:56,520 --> 00:00:58,930
OK dus laten we praten over hoe we dit konden uitzoeken.

14
00:00:58,980 --> 00:01:01,320
Hoeveel gebeurtenissen op deze pagina.

15
00:01:01,320 --> 00:01:04,060
Mijn eerste instinct zou zijn om te inspecteren.

16
00:01:04,260 --> 00:01:05,830
Dus laten we eens een kijkje nemen.

17
00:01:05,850 --> 00:01:06,860
Dit zijn Tweedy.

18
00:01:06,860 --> 00:01:07,790
Het lijkt op.

19
00:01:08,210 --> 00:01:09,880
Dus hebben we een T.T. daar.

20
00:01:10,130 --> 00:01:10,420
OK.

21
00:01:10,430 --> 00:01:12,750
Dus elke gebeurtenis is zijn eigen.

22
00:01:12,750 --> 00:01:15,360
TR Zodat u kunt zien.

23
00:01:15,840 --> 00:01:17,350
Dus dat is één gebeurtenis.

24
00:01:17,430 --> 00:01:25,080
Dit is de volgende gebeurtenis die de binnenkant van een TR, zodat we kunnen doen is gewoon tellen het aantal lagen op deze pagina.

25
00:01:25,080 --> 00:01:28,680
Het probleem is dat er misschien een aantal andere tafels die we niet kennen.

26
00:01:28,680 --> 00:01:34,410
Dus laten we eens kijken laten we een query selector allemaal.

27
00:01:34,410 --> 00:01:36,300
TR Nou laten we eens gewoon doen tafel.

28
00:01:36,360 --> 00:01:38,920
Laten we eens kijken hoeveel tafels zijn op de pagina.

29
00:01:39,000 --> 00:01:41,970
Vergeten document.

30
00:01:41,970 --> 00:01:43,160
We hebben een tafel hier.

31
00:01:43,200 --> 00:01:48,290
OK, dat ziet er goed we hebben een andere tafel beneden, waar is deze.

32
00:01:49,350 --> 00:01:51,330
Laten we eens kijken.

33
00:01:52,900 --> 00:01:53,270
OK.

34
00:01:53,280 --> 00:01:54,450
Niet-standaard events.

35
00:01:54,450 --> 00:01:55,490
Oke, dat is goed.

36
00:01:55,530 --> 00:01:57,500
We willen ook die tellen.

37
00:01:58,440 --> 00:02:03,220
En dan willen we ook deze tafel die we juist hebben ook tellen.

38
00:02:03,270 --> 00:02:06,930
En deze en dan is een tabel onderaan.

39
00:02:06,960 --> 00:02:08,830
Dit zijn dus alle gebeurtenissen die we willen.

40
00:02:09,120 --> 00:02:14,200
Dus nu dat we dachten dat de enige tafels op de pagina zijn degenen die we de zorg over.

41
00:02:14,220 --> 00:02:18,430
Ik was bang dat ze zouden kunnen worden met behulp van een tafel hier op de nav bar of ergens hier.

42
00:02:18,480 --> 00:02:25,020
Maar het blijkt de enige tafels op de pagina en dus het enige team is op de pagina zijn voor dit probleem relevant.

43
00:02:25,050 --> 00:02:36,410
Ze bevatten deze gebeurtenissen dus we willen nu doen is het selecteren van documenten of vragen alsof je alles TR En dat zou ons allemaal de jouwe zegt 306.

44
00:02:36,750 --> 00:02:42,530
Dus laten we het openstellen van de eerste en we kunnen zien dat deze overeenkomen met de afzonderlijke gebeurtenissen.

45
00:02:42,540 --> 00:02:48,660
Er is een klein probleem dat de eerste TR is eigenlijk de headers hier.

46
00:02:48,990 --> 00:02:59,700
Dus zouden we moeten een uit deze tabel uit te sluiten en dan hebben we deze tabel hier beneden die ook headers dus we moeten die ene uit te sluiten.

47
00:02:59,850 --> 00:03:07,940
Dus voor elke tafel is er één twee drie vier vijf echt nodig om vijf rijen af ​​te trekken, omdat we hier niet willen dat deze.

48
00:03:08,310 --> 00:03:16,170
Dus om erachter te komen hoeveel evenementen op deze pagina we moeten alleen de lengte van de tiara's, zodat die lijst die wordt geretourneerd te krijgen.

49
00:03:16,500 --> 00:03:18,980
Deze hier ik nodig om erachter te komen hoe lang dat is.

50
00:03:18,990 --> 00:03:22,160
Dus documenteren vragen als je alle TR lengte.

51
00:03:22,430 --> 00:03:26,290
En dat geeft ons $ 360 op deze pagina.

52
00:03:26,310 --> 00:03:32,270
Het enige wat we moeten die vijf headers uit te sluiten, zodat we konden doen als dit minus 5.

53
00:03:32,760 --> 00:03:34,600
En dat geeft ons 301.

54
00:03:34,890 --> 00:03:40,160
Maar dat is een beetje hard gecodeerd, want we gaan ervan uit dat er altijd vijf tafels.

55
00:03:40,380 --> 00:03:47,810
Wat als ze een zesde tabel van de gebeurtenissen zou worden waarbij voor alle TR toegevoegd is op de pagina, maar we zouden nog steeds af te trekken 5.

56
00:03:48,000 --> 00:03:53,040
Dus wat we eigenlijk willen aftrekken is de lengte van het aantal tafels zijn op de pagina.

57
00:03:53,160 --> 00:03:57,210
Dus voor elke tafel is er een TR dat de rubrieken op het heeft.

58
00:03:57,540 --> 00:04:02,520
Dus het eruit zal zien dit document die Lechter vraagt ​​alle TR hotlink minus.

59
00:04:02,520 --> 00:04:04,550
Documenteer die vraag selector.

60
00:04:04,920 --> 00:04:10,440
Alle tafels zijn tafel hotlink.

61
00:04:11,100 --> 00:04:14,050
En dat geeft ons ook 301.

62
00:04:14,070 --> 00:04:20,090
Dus deze oefening dient twee doelen een net om meer praktijk te krijgen met behulp van de console dingen selecteren.

63
00:04:20,340 --> 00:04:26,440
En de tweede is om te laten zien dat er een ton van de gebeurtenissen die er zo veel meer dan je ooit nodig zult hebben om te gebruiken.

64
00:04:26,460 --> 00:04:27,380
Maar het is goed om bewust te zijn.

65
00:04:27,380 --> 00:04:32,760
Er is blijkbaar 301, maar als ik een paar jaar geleden zei dat het een vrij kleine wereld.

66
00:04:32,760 --> 00:04:36,860
De meeste van de tijd die je zult gebruiken ongeveer 10 misschien 15.