Podmiana Divów[JQuery] |
Podmiana Divów[JQuery] |
11.01.2020, 02:04:51
Post
#1
|
|
Grupa: Zarejestrowani Postów: 36 Pomógł: 0 Dołączył: 20.12.2019 Ostrzeżenie: (0%) |
Cześć wszystkim,
W projekcie mam button, który wyświetla się w pętli wraz z innymi elementami. Pętla generuje mi x takich wyników i x takich buttonów. Z pomocą JQuery po onClicku ustawiam ten button na hide() i wyświetlam button show() w jednym skrypcie. problem polega na tym, że wszystkie buttony mają jedną nazwę i skrypt reaguje na wszystkie buttony. <script> $( 'button[name="add-contact"] ).click(function() { $( 'button[name="add-contact"]' ).hide(); $( 'button[name="contact-added"]' ).show(); }); </script> Wiem, że muszę wyliczyć elementy wygenerowane i podpiąć to pod tablice aczkolwiek idzie topornie. próbowałem zrobić pętle for w skrypcie aczkowiek wtedy wywala mi skrypt PS. dodam, że sam skrypt umieszczony jest w Phpie
z góry dzięki za pomoc! |
|
|
11.01.2020, 07:54:45
Post
#2
|
|
Grupa: Zarejestrowani Postów: 6 762 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
Zmieniaj przyciski tylko w rodzicu przycisku .add-contact.
Swoją drogą ten możesz ukryć poprzez $(this), a nie selektor. -------------------- |
|
|
11.01.2020, 14:57:07
Post
#3
|
|
Grupa: Zarejestrowani Postów: 36 Pomógł: 0 Dołączył: 20.12.2019 Ostrzeżenie: (0%) |
Nie, że nie chcę mi się szukać w necie ( klepie już ponad godzinę ).
Widzę informację na temat jak zmienić rodzica selectora aczkolwiek nie widzę już wpisów jak zmienić tylko dziecko. $(this) fajnie działa na pierwszy button |
|
|
11.01.2020, 15:29:41
Post
#4
|
|
Grupa: Zarejestrowani Postów: 6 762 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
Skoro wiesz jak znaleźć rodzica, to dziecko będzie... dzieckiem tego rodzica.
-------------------- |
|
|
11.01.2020, 15:35:40
Post
#5
|
|
Grupa: Zarejestrowani Postów: 36 Pomógł: 0 Dołączył: 20.12.2019 Ostrzeżenie: (0%) |
Hah tak ! tylko jak to zapisać w kodzie ?
|
|
|
11.01.2020, 15:42:40
Post
#6
|
|
Grupa: Zarejestrowani Postów: 6 366 Pomógł: 1115 Dołączył: 30.08.2006 Ostrzeżenie: (0%) |
$(this).find().show() gdzie w find podajesz selector.
A najlepiej poświęcić chwilę na poczytanie https://api.jquery.com/category/traversing/tree-traversal/ -------------------- |
|
|
11.01.2020, 15:50:32
Post
#7
|
|
Grupa: Zarejestrowani Postów: 36 Pomógł: 0 Dołączył: 20.12.2019 Ostrzeżenie: (0%) |
<script> $( 'button.date-list-div-bottom-a' ).click(function() { $(this).hide(); $('div.date-list-div-global').find( 'button.date-list-div-bottom-c' ).show(); $( 'div.add-position' ).show( 300 ).delay( 1500 ).fadeOut( 400 ); }); </script> $(this).hide(); urywa tylko jeden selektor z petli wyników $('div.date-list-div-global').find( 'button.date-list-div-bottom-c' ).show(); pokazuje nowy element w każnym wyniku petli. Czyli dalej nie działa Ten post edytował Kubik93 11.01.2020, 15:51:27 |
|
|
11.01.2020, 16:03:29
Post
#8
|
|
Grupa: Zarejestrowani Postów: 6 762 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
$('div.date-list-div-global') nie jest rodzicem przycisku, rodzicem przycisku jest $(this).parent('div.date-list-div-global')
-------------------- |
|
|
11.01.2020, 16:11:09
Post
#9
|
|
Grupa: Zarejestrowani Postów: 36 Pomógł: 0 Dołączył: 20.12.2019 Ostrzeżenie: (0%) |
Dzięki, działa! dzisiaj poczytam temat
|
|
|
Wersja Lo-Fi | Aktualny czas: 16.05.2024 - 18:40 |