3

クラス "data_record" を持ついくつかの div を動的に DOM に追加しています。

クリックするとそれぞれが色を変え、他のものは白い背景に戻ります。

data_record 要素を正常に追加した後、これを行うコードを次に示します...

$(document).on('click', ".data_record", function(event) {
    //turn all others white (this DOES NOT work!)
    $('.data_record').css('background','#ffffff');

    //turn the clicked element a different colour (this DOES work!)
    $(this).css('background', '#EDC580');
});

では、動的に追加された要素をクラスごとにターゲットにするにはどうすればよいでしょうか?

ありがとう。

4

3 に答える 3

2

.css('background-color',value)背景色を設定するために使用してみてください：

 $(document).on('click', ".data_record", function(event) {
//turn all others white (this now works!)
    $('.data_record').css('background-color','#ffffff');

//turn the clicked element a different colour (this DOES work!)
    $(this).css('background-color', '#EDC580');
});
于 2014-03-25T12:45:28.553 に答える
2

これにより、以下が変更されますbackground-color。

$('.data_record').css('background-color','#ffffff');
于 2014-03-25T12:46:07.817 に答える
1 
$(document).ready(function(){
   var n=0;
    while(n<10)
    {
        $("body").append("<div class=dataRecord>Height</div>");
        n++;
    }

    $(".dataRecord").on("click",function(event){
        var self=$(this);

         $(".dataRecord").css("color","black");
        self.css("color","white");
    });

フィドル http://jsfiddle.net/sgW77/1/を試してください

于 2014-03-25T12:59:07.783 に答える