• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

ograniczenie zbioru divów

Object Storage Arubacloud
0 głosów
188 wizyt
pytanie zadane 4 grudnia 2017 w JavaScript przez gunaterek Bywalec (2,760 p.)

witam , w modal boxie mam divy które się chowaja za pomoca js ale w skrypcie $("div:visible:last"). sa wszystkei divy w jaki sposob zamienic je na dany zbior divow np id=one id=two id=three

jestem zielony z javy wiec prosze o pomoc

$(document).ready(function (){
	$('#show').click(function(){
		$( "div:hidden:first" ).fadeIn( "slow" );
	});
	$('#hide').click(function(){
		$("div:visible:last").fadeOut("fast");
	});
});

 

1 odpowiedź

+1 głos
odpowiedź 4 grudnia 2017 przez gremlin Dyskutant (7,600 p.)

Nie wiem czy dobrze rozumiem (na javie też się nie znam ^^)

Ale możliwe, że wystarczy nadać tym divom klasę i złapać je za jej pomocą w ten sposób:

 $('#hide').click(function(){
        $(".nazwaKlasy").fadeOut("fast");
    });

lub jeśli chcesz koniecznie po id to:

 $('#hide').click(function(){
        $("#one, #two, #three").fadeOut("fast");
    });

 

komentarz 4 grudnia 2017 przez gunaterek Bywalec (2,760 p.)
to drugie probowalem i nie dziala. Jak tak podstawie to widzi tylko #three i pokazuje i chowa tylko ostatni ale z klasa nie pomyslalem dzieki wielkie :)
komentarz 4 grudnia 2017 przez gremlin Dyskutant (7,600 p.)

nie pokręciłeś tej części w drugim przypadku?:

$("#one, #two, #three")

Zauważ, że cudzysłów jest tylko raz otwarty i zamknięty a nie dla każdego elementu oraz, że są one oddzielone przecinkami.

komentarz 4 grudnia 2017 przez gunaterek Bywalec (2,760 p.)

to dziala

$(document).ready(function (){
	$('#show').click(function(){
		$( ".exercise:hidden:first" ).fadeIn( "slow" );
	});
	$('#hide').click(function(){
		$(".exercise:visible:last").fadeOut("fast");
	});
});

to nie dziala

$(document).ready(function (){
	$('#show').click(function(){
		$( "#one,#two,#three:hidden:first" ).fadeIn( "slow" );
	});
	$('#hide').click(function(){
		$("#one,#two,#three:visible:last").fadeOut("fast");
	});
});

 

komentarz 4 grudnia 2017 przez gremlin Dyskutant (7,600 p.)
:first i :last raczej do elementów z id niepotrzebne, bo powinien być tylko jeden element z konkretnym id

Nie jestem pewien co chcesz osiągnąć i jak wygląda sam html. Jeśli wolisz pozostawić to na klasie skoro działa tak jak chciałeś to chyba sprawa zakończona, jeśli chcesz jednak dojść dlaczego nie działa na id to opisz raz jeszcze co ma się dziać i dołącz html. :)
komentarz 4 grudnia 2017 przez gunaterek Bywalec (2,760 p.)
tak jak mowilem jestem poczatkujacym praktykujacym i jeszcze nauka js przede mna. Na razie ma dzialac, jak się naucze js to bede wiedzial dlaczego nie dziala.
Dziekuje za pomoc. Pozdrawiam

Podobne pytania

0 głosów
3 odpowiedzi 211 wizyt
pytanie zadane 17 czerwca 2023 w JavaScript przez Pawel82 Użytkownik (740 p.)
0 głosów
1 odpowiedź 809 wizyt
pytanie zadane 13 marca 2017 w JavaScript przez Pastor Nowicjusz (140 p.)
0 głosów
2 odpowiedzi 116 wizyt

92,575 zapytań

141,424 odpowiedzi

319,649 komentarzy

61,960 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...