1

如何更改具有相同类的单击事件动态创建的 div 的颜色?

$(this).css('color', 'pink'); 有了这个,我们可以改变点击的 div 颜色。

但我想将点击的颜色更改为粉红色,并将剩余的 div 颜色更改为黑色。

请问有什么提示吗?

参考代码:

$('#main_div').on('click','class1', function(){
  $(this).css('color','pink');       
});

我有三个具有“class1”类的div。当我单击一个 div 时,该 div 应变为粉红色,其他应变为黑色。

4

5 回答 5

1

试试这个,

演示

代码:

  $("#main_div").on("click", ".class1", function () {
        $(this).css("color", "red");
        $(".class1").not(this).css("color", "black");
    });
于 2013-10-29T07:22:13.860 回答
1

尝试这样的事情,小提琴

CSS

    .clrs{
            height:100px;
            width:100px;
            background-color: green;
            margin-bottom: 10px;
        }

JAVASCRIPT

        $(function(){
            $('.clrs').click(function(){
                $('.clrs').css('background-color','black');
                $(this).css('background-color','pink');
            })
        })

HTML

    <div class="clrs"></div>
    <div class="clrs"></div>
    <div class="clrs"></div>
    <div class="clrs"></div>
    <div class="clrs"></div>
于 2013-10-29T07:22:52.753 回答
0

像这样尝试 .on() :

$('body').on('click','div.yourclassname',function(){
    $(this).css('color', 'pink');
})
于 2013-10-29T07:11:56.637 回答
0

试试这个:

$("#div").on("click",".red",function(){
    $(this).css("color","pink");
});

这是小提琴

于 2013-10-29T07:14:29.583 回答
0

试试这样:

$('#main_div').on('click','class1', function(){
  $('.class1').css('color','black').eq($(this).index()).css('color', 'pink');       
});
于 2013-10-29T07:31:40.317 回答