Problem z odczytaniem wartości z buttona

pytanie zadane 18 kwietnia 2017 w JavaScript przez ThePatrykOOO Dyskutant (8,400 p.)

Witam, mam dosyć niecodzienny problem, tworzę mechanizm lajkowania postów przy użyciu AJAXA, jest niestety mały problem, postów na stronie nie będzie jeden czy dwa ale kilkanaście i nie wiem jak się zabrać do tego od strony JS, otóż chciałbym otrzymać np. z przycisku 2 wartość 2, gdy klikam 2 pokazuje mi się wartość 1

Kod:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <button type="button" class="button" value="1">1</button>
  <button type="button" class="button" value="2">2</button>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
</body>
</html>

JQuery

$('.button').click(function () {
  var value = $('.button').val();
  alert(value);
});

JSBin: https://jsbin.com/tesoxajola/edit?html,js,output

1 odpowiedź

odpowiedź 18 kwietnia 2017 przez niezalogowany

Zamiast odczytywac wartosc z jakiegos $('.button'), odczytaj ja z kliknietego elementu: $(this)

komentarz 18 kwietnia 2017 przez ThePatrykOOO Dyskutant (8,400 p.)

dzięki za pomoc :), ja jquery dopiero się uczę

komentarz 18 kwietnia 2017 przez Fenix Nałogowiec (26,750 p.)

A dlaczego to nie działa? $('.button') pobiera kolekcje elementów, dodając event click operujesz na wszystkich elementach które posiadają classe button. A wiec nie możesz pobrać wartości dzieki metodzie val(), ponieważ ona nie działa na tablicy elementów jQuery, tylko pojedyńczym elemencie. $(this) daje Ci referencje do aktualnie kliknietego obiektu jQuery (w tym wypadku), warto przypisać sobie go do zmiennej.