Czas na zadanie z prostych lokatorów. Będziesz mieć okazję poćwiczyć to, co przerobiliśmy wspólnie w kilku ostatnich filmach.
Na początku filmu tłumaczę polecenie, a następnie rozwiązanie. Będzie moment żeby zatrzymać film na czas wykonania zadania – dam znać w filmie kiedy.
Z szukajką mały problem gdybyśmy chcieli po klasie szukać. Pojawiają się dwa takie elementy(z których jeden jest jakby niewidoczny) i różnią się id:
1) woocommerce-product-search-field-0 (widoczny)
2) woocommerce-product-search-field-1 (niewidoczny)
Ten drugi element to jest jakiś specjalny? Czasem się spotykam na stronkach z tym, że niektóre elementy nie podświetlają się oraz nie mają żadnych javascriptowych atrybutów typu hidden itd. Jeżeli to gdzieś jest poruszone w dalszej części kursu to sorry, za bycie kąpanym w gorącej wodzie 😀
Dla przećwiczenia spróbowałem sobie znaleźć szukajkę polegając na klasie i użwając xpatha. W strukturze DOM-u zauważyłem, że ten drugi siedzi w liście to go odrzuciłem :M
//input[@class='search-field'][not(ancestor::li[@class='search'])]
O xpathach coś czytałem i bawiłem się nimi dlatego ciężko mi uwierzyć, że cssy od nich są lepsze 😀
Halko! Nie umiem Ci odpowiedzieć dlaczego tam jes [...] CAŁOŚĆ KOMENTARZA WIDOCZNA DLA SUBSKRYBENTÓW.