Podmiana Divów[JQuery] Opcje

[Kubik93]

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 (IMG:style_emoticons/default/sad.gif)

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!

[Kubik93]

[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 (IMG:style_emoticons/default/sad.gif)

Ten post edytował Kubik93 11.01.2020, 15:51:27