javascript - Jquery を使用して、クリックしているオブジェクトの css をどのように変更しますか?

Question

私は非常に動的なページに取り組んでおり、簡単にするためにボタンと呼ばれるものがたくさんあります (実際には div です)。

これらのボタンには span タグがあり、その中にdisplay:none;. これらすべての「ボタン」には、内部にスパンがあり、それらを非表示にする 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

ここにいくつかのフィドルがあります。

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

Answer 4

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

ここを見る

Answer 5

この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 6

これを試して

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