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

[PHP] pobierz, plaintext 
</php .... 
echo<<<END
<script>..</script>
END;
?>
[PHP] pobierz, plaintext 

z góry dzięki za pomoc!

Zmieniaj przyciski tylko w rodzicu przycisku .add-contact.

Swoją drogą ten możesz ukryć poprzez $(this), a nie selektor.

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

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

Hah tak ! tylko jak to zapisać w kodzie ?

$(this).find().show() gdzie w find podajesz selector.
A najlepiej poświęcić chwilę na poczytanie https://api.jquery.com/category/traversing/tree-traversal/

[HTML] pobierz, plaintext 
 
	<div class="date-list-div-global">
         .....
         Jakieś elementy
         .....
	<button class="date-list-div-bottom-a" name="add-contact">Dodaj kontakt</button>
	<button class="date-list-div-bottom-c" name="contact-added">Kontakt dodany</button>
	</div>
 
[HTML] pobierz, plaintext 

<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

$('div.date-list-div-global') nie jest rodzicem przycisku, rodzicem przycisku jest $(this).parent('div.date-list-div-global')

Dzięki, działa! dzisiaj poczytam temat