Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Jquery - Dynamiczne dodawanie i usuwanie elementów
skw
post 30.08.2011, 14:00:18
Post #1





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

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


Dodaje elementy poprzez

  1. $('#id').append();


I teraz jak rozwiązać to, żeby każdy nowy element mógł zostać usunięty pojedynczo

Usuwaniem zajmuje się

  1. $("#id).remove();


Ale jak przekazać np id diva przez kliknięcie na inny świeżo stworzony element.

np.

  1. <span id="dodaj">Dodaj</span> <!--
  2. Dodaje element
  3. <div>zxzxz</div><span>usuń</span>
  4. -->


Proszę o pomoc smile.gif
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
kamil4u
post 30.08.2011, 14:22:39
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


Musisz dodać zdarzenie np. click, które usunie to co chcesz.
Warto też zapoznać się z metodami DOM, które pozwolą na szerszą manipulacją elementów.

Jeżeli odpowiedź Cię nie satysfakcjonuje opisz problem dokładniej.


--------------------
Go to the top of the page
+Quote Post
Rid
post 30.08.2011, 14:29:47
Post #3





Grupa: Zarejestrowani
Postów: 715
Pomógł: 47
Dołączył: 5.12.2010

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


Cytat
Ale jak przekazać np id diva przez kliknięcie na inny świeżo stworzony element

Proszę zapoznać się z funkcją find().
Go to the top of the page
+Quote Post
skw
post 30.08.2011, 15:03:05
Post #4





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

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


może tak:

  1. <script type="text/javascript/">
  2. $('#dodaj').click(function() {
  3. $('#cos').append('<input type="text" /><span>Usun</span>');
  4. } );
  5. </script>
  6.  
  7. <span class="dodaj">Dodaj</span>
  8. <div id="cos">
  9. <!-- Po kilku kliknieciach na dodaj:
  10. <input type="text" /><span>Usun</span>
  11. <input type="text" /><span>Usun</span>
  12. <input type="text" /><span>Usun</span>
  13. -->
  14. </div>


Chcę usunąć tylko ten element który jest z boku
Go to the top of the page
+Quote Post
kamil4u
post 30.08.2011, 15:12:46
Post #5





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


.prev() + .remove();


--------------------
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: 14.08.2025 - 03:09