Jquery wybierz kliknięty element w zestawie elementów o tej samej nazwie klasy.

Question

Może możecie mi w tym pomóc, zmagałem się z tym przez ostatnie 30 minut.

Załóżmy, że mam cztery elementy z tą samą klasą.

<div class="test">hi</div> 
<div class="test">hey</div> 
<div class="test">yo</div> 
<div class="test">What's up</div> 

Jak mogę wybrać ten, który został kliknięty?

udało mi się dostać to działa tak:

$('.test').click(function() { 
    $(this).toggleClass("btn-danger btn-success"); 
}); 

Jednak muszę go zwolnić bez kliknięciu na sukces po wywołania AJAX, więc muszę być w stanie zrobić coś takiego (nieudane próby):

$('.test', this).toggleClass("btn-danger btn-success"); // This did not work 

$(this).find('.test').toggleClass("btn-danger btn-success"); // Also did not work 

Jakieś sugestie? Dzięki wielkie!!

Answer 1

Brzmi jak wywołania AJAX jest wykonana, gdy jeden z elementów zostanie kliknięty, ale trzeba przejść różne wartości w wywołanie ajax w zależności od tego, który element jest kliknięty. Zamiast używać atrybutu "onclick", można wykonać następujące czynności:

HTML:

<div class="test" data-param1="value1a" data-param2="value2a">hi</div> 
<div class="test" data-param1="value1b" data-param2="value2b">hey</div> 
<div class="test" data-param1="value1c" data-param2="value2c">yo</div> 
<div class="test" data-param1="value1d" data-param2="value2d">What's up</div> 

JavaScript:

$('.test').click(function() { 
    var $div = $(this); 
    $.ajax(url, { 
     data: { 
      param1: $div.attr('data-param1'), 
      param2: $div.attr('data-param2') 
     }, 
     success: function() { 
      $div.toggleClass("btn-danger btn-success"); 
     } 
    }); 
}); 

Oczywiście, należy ustawić wartości atrybutów data- korzystania Zmienne PHP.

Answer 2

Użyj funkcji wyzwalania ....

Więc dołączyć obsługi click ...

$('.test').on('click', function() { 
    $(this).toggleClass("btn-danger btn-success"); 
}); 

Następnie w funkcji ajax sukcesu .... wyzwalać że kliknij ...

$('.test').trigger('click'); 

Ale ustalenie, który z nich zostanie uruchomiony, będzie podstępem.

Skąd wiesz, który z nich kliknąć, na podstawie ajax ????

Jeśli jesteś po prostu robi wywołanie ajax, na podstawie którego odwołuje się pan cick to rozwiązanie jest znacznie prostsze ....... bo już wiesz, który Link został kliknięty

$('.test').click(function() { 
var link = $(this); 
$.ajax(url, { 
    success: function() { 
     link.toggleClass("btn-danger btn-success"); 
    } 
    }); 
}); 

Answer 3

Czy nie można podać każdego z tych identyfikatorów, aby uzyskać do nich bezpośredni dostęp?

Jeśli uruchamiasz je za pomocą funkcji zwrotnej, czy możesz utworzyć odwołanie do klikniętego elementu div w zmiennej?

tj

var clicked; 

$('.test').click(function(){ 
    clicked = $(this); 
}); 

następnie w odpowiedzi ajax:

clicked.toggleClass("btn-danger btn-success");