Использование JQuery, как вы меняете css объекта, который вы нажимаете?

Question

Я работаю на очень динамичной странице, которая будет иметь много того, что мы будем называть кнопками для простоты (на самом деле это divs).

Эти кнопки имеют тег диапазона, внутри которого есть display:none;. Все эти «кнопки» имеют Span внутри с классом css, который скрывает их. Я не могу создать #ID для каждого из них, они будут динамическими

Как я могу, используя JQuery, анимировать, используя .show() только щелчок элемента. Я не могу ввести идентификатор, потому что он будет создан динамически с помощью php.

Answer 1

$(".className or #idName").css("thecssselector", "thevalue"); 

See Here

Answer 2

использовать это JQuery:

$(document).ready(function(){ 
    $("tag name or id on which you will click").click(function(){ 
     $("tagname on which you want to apply the css").css("property_name","property_value"); 
    }); 
}); 

Answer 3

$('.button').click(function(){ 
    $(this).find('span').show(); 
}) 

jsfiddle

Answer 4

Попробуйте

$("div").click(function(){ 
    $(this).children("span").show(); 
}); 

DEMO

Дополнительная информация here

Answer 5

Here есть скрипку.

$('div').click(function(){ 
    $(this).find('span').fadeIn("slow"); 
}); 

Answer 6

попробовать это

$(".button").click(function(){ 
    $("div span").hide(); 
    $(this).find("span").show();  
});