Pobieranie wartości atrybutu z konkretnego diva oznaczonego klasą

Question

Witam. Mam problem, ponieważ napisałem skrypt JS, który mówi, że jeżeli ktoś naciśnie na diva o klasie showPermission, to ma pobrać od tego diva wartość znajdującą się w atrybucie permission i tutaj mam pytanie. Jak zrobić to tak by ta wartość atrybutu permission była pobierana z tego klikniętego diva, a nie z pierwszego jaki się znajduje na stronie. Mam oczywiście kilka takich divów na stronie o klasie showPermission, po których kliknięciu div o id permission_ powinien się wyświetlić. Od razu mówię, że nie mogę skorzystać atrybutu onclick="", ponieważ to jest IPS i gdy chce taki atrybut dodać diwowi to nie pozawala mówiąc, że nie można wstawiać funkcji oraz bloków JS bezpośrednio do skryptu.

Pod spodem załączam kod JS. Z góry dziękuje za pomoc.

$(".showPermission").click( function ()
					{	
	var y = $('.showPermission').attr('permission');
	
	if($("#permission_" + y).css('display') == "none")
	{
		$("#permission_" + y).css("display", "table-row");
	}
	else
	{
		$("#permission_" + y).css("display", "none");
	}
});
				

 

 

Answer 1

Jak zrobić to tak by ta wartość atrybutu permission była pobierana z tego klikniętego diva,

Kliknięty element jest bezpośrednio dostępny jako atrybut eventu:

$(".showPermission").click(function(event) {
    var y = event.target.permission;

(a propo, takie własne dane lepiej trzymać używając atrybutów data)

<div class=showPermission data-permission=asdf>

$(".showPermission").click(function(event) {
    var y = event.target.dataset.permission;

 

Comments

Działa :) Dziękuje za pomoc :) Musze się trochę z js do edukować.