Pierwszy element w JQuery

pytanie zadane 11 kwietnia 2018 w JavaScript przez barteku12 Obywatel (1,340 p.)
zamknięte 12 kwietnia 2018 przez barteku12

Mam zadanie z treścią jak na zdjęciach poniżej, jest tabelka z filtrami z JQuery i nie działa w kodzie kiedy dam

p:first{border:solid red 3px;}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Document</title>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
    });
</script>
<style type="text/css">
.a { color: Navy;/* border: 3px solid red; */ }
.b { color: Maroon; }
 /* p {border: 3px solid red;} */
  /*  #list1 {border: 3px solid red;} */

p:first{border:3px solid red; }  

    </style>
</head>
<body>
	<ul id="list1">
		<li class="a">item 1</li>
		<li class="a">item 2</li>
		<li class="b">item 3</li>
		<li class="b">item 4</li>
	</ul>
<p class="a">This is paragraph 1</p>
<p id="para1">This is paragraph 2</p> 
<p class="b">This is paragraph 3</p>
<p id="para4" lang="en-us">This is paragraph 4</p>
</body>
</html>

komentarz zamknięcia: Dostałem odpowiedź na pytanie

komentarz 11 kwietnia 2018 przez shotokan Nałogowiec (39,660 p.)

Czemu ma służyć taki zapis

<em><strong>p:first{border:3px solid red; } </strong></em>

komentarz 11 kwietnia 2018 przez barteku12 Obywatel (1,340 p.)

chodzi tylko o ten fragment : p:first{border:3px solid red; }

komentarz 12 kwietnia 2018 przez shotokan Nałogowiec (39,660 p.)

Nie umieszcza się w stylach CSS znaczników w taki sposób, jak powyżej. Twoja linijka 17 jest bez sensu.

3 odpowiedzi

odpowiedź 12 kwietnia 2018 przez shotokan Nałogowiec (39,660 p.)
wybrane 12 kwietnia 2018 przez barteku12

Najlepsza

Myślę, że tu nie chodzi o pseudo-selektor CSS, czy nawet funkcję first() a o zastosowanie filtrów jQuery.
W Twoim przypadku:

$('p:first').css("border", "3px solid red");

komentarz 12 kwietnia 2018 przez barteku12 Obywatel (1,340 p.)

O to chodziło, dzięki :D

odpowiedź 11 kwietnia 2018 przez ScriptyChris Mędrzec (190,190 p.)

Z selektorem :first w CSS spotykam się pierwszy raz. Z tego, co czytam wynika, że używa się go razem z regułą @page, a tego Ci nie potrzeba.

Skorzystaj z, albo :first-child, albo :first-of-type - pobaw się nimi, zobaczysz jak działają. Chyba, że chcesz zrobić to przez jQuery, to najpierw złap element, przekazując selektor 'p', po czym pobierz pierwszy element metodą first() lub zwyczajnie odwołaj się do niego przez [0].

komentarz 11 kwietnia 2018 przez barteku12 Obywatel (1,340 p.)

Nie potrafię tego zrobić w jQuery tak jak powiedziałeś, bo uczę się go tylko na zaliczenie i stosuje prawie same gotowe skrypty. Wcześniej niby się robiło w ten sposób i działało a teraz nie i się zatrzymałem w tym miejscu. Może być błąd w tej treści zadania albo podanych za mało informacji :/

komentarz 11 kwietnia 2018 przez ScriptyChris Mędrzec (190,190 p.)

Tam gdzie masz:

$(document).ready(function() {
    });

Zapisz wewnątrz (pomiędzy otwierającą i zamykającą klamrę dla function):

$( 'p' ).css( 'border', '2px solid red' );

odpowiedź 12 kwietnia 2018 przez pablop76 VIP (123,180 p.)

Podobne pytania

0 głosów

1 odpowiedź 298 wizyt

Latający element podczas animacji jQuery

pytanie zadane 27 września 2016 w JavaScript przez DariuszH Gaduła (3,100 p.)

0 głosów

0 odpowiedzi 60 wizyt

problem z animate left w jquery

pytanie zadane 16 lutego 2020 w JavaScript przez Kamil Stoksik Początkujący (490 p.)

0 głosów

1 odpowiedź 163 wizyt

Przycisk do scrollowania HTML,Css,JQuery

pytanie zadane 15 września 2019 w JavaScript przez Jakub Chomicz 1 Użytkownik (840 p.)

Pierwszy element w JQuery

Zaloguj lub zarejestruj się, aby skomentować.

3 odpowiedzi

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci