[JavaScript]+[JQuery] Problem z usuwaniem danego diva z pośród tych samych divów

Question

Witam mam pytanie jak zrobić aby po kliknięciu krzyżyka usuwało mi tylko dany element a nie wszystkie. Wszystkie pozostałe elementy mają taką sama nazwę div.

Obrazek dot. problemu

Kod HTML:

<ul class="categ">
	<span class="color-box"><a href="#">Wszystkie</a> <i class="fa fa-times" aria-hidden="true"></i></span>
	<span class="color-box pier gatunek"><a href="#">Akcji</a> <i class="fa fa-times" aria-hidden="true"></i></span>
	<span class="color-box pier gatunek"><a href="#">Dramat</a> <i class="fa fa-times" aria-hidden="true"></i></span>
</ul>	

Comments

ten kod co podesłałeś nie ma żadnego div'a?

ale może coś chodzi ci o coś w desń:

$(this).parent().remove();

 

---

Dzieki bardzo :P to było łatwiesze niż myślałem :P

---

A ja tylko przypomnę, że przycisk powinien być przyciskiem i mieć odpowiednią treść tekstową! Więc nie samo i tylko

<button>
    <i class="fa fa-times" aria-hidden="true"></i>
    <span class="visuallyhidden">Usuń</span>
</button>
<!-- względnie -->
<button aria-label="Usuń">
    <i class="fa fa-times" aria-hidden="true"></i>
</button>

 

---

wiem że kolega lubi mieć jak w3c piszą więc jak się mogę doczepić jeszcze czy ten button nie powinien mieć atrybut type="button"?

---

To zależy.

Jeśli przycisk jest poza formularzem, to [type=button] jest domyślnie.

Jeśli jest w formularzu, to domyślnie jest [type=submit]… i ten fakt można wykorzystać do stworzenia rozwiązania w duchu PE ;) Ot, jeśli ktoś bez JS kliknie taki przycisk, zostanie wysłany formularz i element zostanie usunięty po stronie serwera.

Więc IMO nawet lepiej jak nie ma.

---

Poza tym to nie ma nic do zgodności z W3C, a po prostu chodzi o kwestie dostępności… Polecam sobie choć raz pochodzić po Sieci z włączonym czytnikiem ekranu.

Answer 1

Zastosuj event delegation