przekazywanie argumentu do jquery

Question

Witam,
W jquery chcę zrobić podmienianie zawartości wtedy gdy dany przycisk jest klikniety, mam cztery przyciski z id 0,1,2,3
I teraz pytanie jak przekazać do jquery który przycisk jest kliknięty, w czystym js po prostu dał bym onclick=funkcja(1)
i w skrypcie zrobił switcha, a w jquery to nie mam pojęcia jak to ugryźć.

Answer 1

W czystym js to nie byłaby dobra praktyka, ale nie o to pytasz więc w jq mamy tzw.kolekcje i automatyczne pętle więc sprawa jest banalna.

$('button').click(function(e){
  console.log(e.target);
});

e.target zwróci id klikniętego butona

Comments

Sprawdź w konsoli właściwości klikniętego obiektu, napewno znajdziesz to czego szukasz.

---

@Mebya,

To wykorzystaj przechwytywanie zdarzenia

update.currentTarget.id

W Twoim kodzie już jest pobrany ten element.

        var $link = $(update.currentTarget);

Masz tutaj referencje do całego klikniętego linku. Pobierasz z niego później do ajaxa href

url: $link.attr('href')

Więc dlaczego go nie wykorzystasz do pobrania id?

ja bym zrobił tak: zamiast $link

var $anchor = $(update.currentTarget);

var $href = $anchor.href;

var $id = $anchor.id;

I korzystał z tych zmiennych.

Jeszcze dla zachowania konwencji update zmieniłbym na e lub event, czyli zdarzenie

 

 

---

Zerknąłem teraz na adres URL który jest wywoływany wraz z kliknięciem no i właściwie o tym zapomniałem, 

$('#test').on('click',function(update){
 (...)
var $link = $(update.currentTarget);
}

wtedy nie jest wywoływany odpowiedni adres, bo nie jest kliknięty link tylko id diva "test" w którym te linki się znajdują, dlatego zamiast test powinny być po kolei id znaczników <a> inaczej var $link = $(update.currentTarget); zamiast przekazywać adres GunList/40/Customizing (tego poprawnego) przekazuje GunList/40 (niepoprawny) - wtedy JsonResponse nie jest przekazywany.
Podsumowując wracamy do początku i trzeba podmienić #test na id znaczników <a>

W skrócie onclick musi być na znacznik <a>, w innym wypadku zwracany jest nieodpowiedni adres url

---

Jeżeli wszystkie linki są w pojemniku id=test to możesz delegować zdarzenie do a, dodając jako drugi parametr metody on() a. Czyli $('#test').on('click','a',function(e){}

Dałem Ci linka do poczytania.

---

Dobra, działa jak trzeba, nareszcie.
Dzięki za pomoc i cierpliwość!
Ale jak pisałem, to moj pierwszy kontakt z JS i Jquery