Using Jquery, how do you change the css of the object you are clicking?

Question

I am working on a very dynamic page which will have a lot of what we will call buttons for simplicity sake (actually are divs).

These buttons have a span tag inside which has display:none; . This all of these "buttons" have the Span inside with the css class which has them hidden. I can not create an #ID for each one, they are going to be dynamic

How can I, using Jquery, animate using .show() just the item being clicked. I can not input an ID, because it will be created dynamically with php.

Answer 1

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

jsfiddle

Answer 2

Try this

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

DEMO

More information here

Answer 3

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

看这里

Answer 4

use this 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 5

Here have some fiddle.

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

Answer 6

try this

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