使用Jquery，如何更改要單擊的對象的CSS？

Question

我正在一個非常動態的頁面上工作，為了簡單起見，該頁面將有很多我們稱為按鈕的按鈕（實際上是div）。

這些按鈕內部有一個span標簽，其中display:none; 。 所有這些“按鈕”的內部都有跨度，而css類則將其隱藏了。 我無法為每個ID創建一個ID，它們將是動態的

我怎樣才能使用Jquery在僅單擊的項目上使用.show()動畫.show() 。 我無法輸入ID，因為它將使用php動態創建。

Answer 1

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

jsfiddle

Answer 2

嘗試這個

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

演示

更多信息在這里

Answer 3

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

看這里

Answer 4

使用這個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

這里有一些小提琴。

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

Answer 6

嘗試這個

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