Получить индекс элемента из массива при нажатии JQuery
Я делаю галерею, и в этой галерее будут изображения, завернутые в div. В jQuery я мог бы назвать эти div так:
var card = $('.card');
Эта переменная card теперь будет содержать все элементы с классом card. Теперь я хочу, чтобы каждый раз, когда я нажимаю на «карточку», она захватывает именно этот экземпляр карточки (я думаю, получая ее индекс onclick) и делаю с ней что-то как можно более объектно-ориентированное (хотя я никогда не имел большого опыта с этим)
@mplungjan, мне жаль, что это было не очень формально. я прочитаю это сейчас
Более важно предоставить нам HTML-код и ожидаемый результат :) PS: Это не мое снижение - люди здесь проголосуют против, не учитывая новизну посетителя - голос против будет из-за отсутствия кода
Спасибо за совет. Это моя вина, я не дал достаточно информации
$('.card').on("click",function() { $(this).something() });
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Вы можете использовать простой объект this:
https://codepen.io/bra1N/pen/ERXPJw
$('.card').on("click",function() {
$(this).css('background', 'red');
});.card {
cursor: pointer;
}<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class = "card">A</div>
<div class = "card">B</div>
<div class = "card">C</div>Вам не нужно событие each.
$('.card').on("click",function() { $(this).css('background', 'red'); }); элегантнее
Я согласен с Code_Ninja и mplungjan. Каждый здесь не нужен, я только что обновил ответ
Вот что можно сделать:
Фиктивный HTML:
<div class = "card">A</div>
<div class = "card">B</div>
<div class = "card">C</div>
jQuery необходим:
$('.card').click(function() {
alert($(this).text());
});
Вот ссылка на jsfiddle, подтверждающий этот ответ.
$('.card').click(function() {
alert($(this).text());
});<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class = "card">A</div>
<div class = "card">B</div>
<div class = "card">C</div>Пожалуйста, щелкните <> и предоставьте пример ЗДЕСЬ вместо внешнего
К сожалению, я не знал, как это сделать. Поэтому я всегда даю внешнюю ссылку. Спасибо, кстати, @mplungjan
Щелкните
<>и создайте минимальный воспроизводимый пример