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

ograniczenie zbioru divów

0 głosów
430 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 436 wizyt
pytanie zadane 17 czerwca 2023 w JavaScript przez niezalogowany
0 głosów
1 odpowiedź 1,201 wizyt
pytanie zadane 13 marca 2017 w JavaScript przez Pastor Nowicjusz (140 p.)
0 głosów
2 odpowiedzi 262 wizyt

93,733 zapytań

142,669 odpowiedzi

323,287 komentarzy

63,293 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

Twierdza Linux. Bezpieczeństwo dla dociekliwych

Aby uzyskać rabat -10%, użyjcie kodu pasja-linux, wpisując go w specjalne pole w koszyku.

...