javascript - 使用 Jquery，如何更改您单击的对象的 css？

Question

我正在处理一个非常动态的页面，为了简单起见，它将有很多我们称之为按钮的按钮（实际上是 div）。

这些按钮有一个 span 标签，里面有display:none;. 所有这些“按钮”都有 Span 内部和隐藏它们的 css 类。我不能为每个人创建一个#ID，它们将是动态的

我怎样才能使用 Jquery.show()仅使用被单击的项目进行动画处理。我无法输入 ID，因为它将使用 php 动态创建。

Answer 1

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

jsfiddle

Answer 2

尝试这个

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

演示

更多信息在这里

Answer 3

尝试这个

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

Answer 4

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

看这里

Answer 5

这里有一些小提琴。

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

Answer 6

使用这个 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");
   });
});