Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Podmiana Divów[JQuery]
Kubik93
post 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 sad.gif

PS. dodam, że sam skrypt umieszczony jest w Phpie
  1. </php ....
  2. echo<<<END
  3. <script>..</script>
  4. END;
  5. ?>


z góry dzięki za pomoc!
Go to the top of the page
+Quote Post
trueblue
post 11.01.2020, 07:54:45
Post #2





Grupa: Zarejestrowani
Postów: 6 761
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.


--------------------
Go to the top of the page
+Quote Post
Kubik93
post 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 smile.gif
Go to the top of the page
+Quote Post
trueblue
post 11.01.2020, 15:29:41
Post #4





Grupa: Zarejestrowani
Postów: 6 761
Pomógł: 1822
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Skoro wiesz jak znaleźć rodzica, to dziecko będzie... dzieckiem tego rodzica.


--------------------
Go to the top of the page
+Quote Post
Kubik93
post 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 biggrin.gif ?
Go to the top of the page
+Quote Post
viking
post 11.01.2020, 15:42:40
Post #6





Grupa: Zarejestrowani
Postów: 6 365
Pomógł: 1114
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/


--------------------
Go to the top of the page
+Quote Post
Kubik93
post 11.01.2020, 15:50:32
Post #7





Grupa: Zarejestrowani
Postów: 36
Pomógł: 0
Dołączył: 20.12.2019

Ostrzeżenie: (0%)
-----


  1.  
  2. <div class="date-list-div-global">
  3. .....
  4. Jakieś elementy
  5. .....
  6. <button class="date-list-div-bottom-a" name="add-contact">Dodaj kontakt</button>
  7. <button class="date-list-div-bottom-c" name="contact-added">Kontakt dodany</button>
  8. </div>
  9.  


<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 sad.gif

Ten post edytował Kubik93 11.01.2020, 15:51:27
Go to the top of the page
+Quote Post
trueblue
post 11.01.2020, 16:03:29
Post #8





Grupa: Zarejestrowani
Postów: 6 761
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')


--------------------
Go to the top of the page
+Quote Post
Kubik93
post 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 smile.gif
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 29.03.2024 - 00:26