Question

www.un.org/spanish/ga/president 如果点击<><<>t>for,则该行的against纽吨有备用颜色。我试图用 j子做这件事,但却是 t。如何确定这一点? http://jsfiddle.net/mdanz/9H9qE/1/“rel=“nofollow” http://jsfiddle.net/mdanz/9H9qE/1/。

    <style type="text/css">
.rate3 {
padding:5px;
font-family:Arial;
color:#FFFFFF;
cursor:pointer;
background-color:red;
border:1px solid #000000;
}

.rate4 {
padding:5px;
font-family:Arial;
color:#FFFFFF;
cursor:pointer;
background-color:red;
border:1px solid #000000;
}

.vote {
height:30px;
width:auto;
margin-bottom:10px;

}
</style>
<script type="text/javascript">
$( .rate3 ).live( click ,function() {

    $(this).css( background-color , #FFFFFF );
        $(this).css( color , red );
        $(this).parent( div ).next( .rate4 ).css( background-color , red );
        $(this).parent( div ).next( .rate4 ).css( color , #FFFFFF );

}

$( .rate4 ).live( click ,function() {

    $(this).css( background-color , #FFFFFF );
        $(this).css( color , red );
        $(this).parent( div ).next( .rate3 ).css( background-color , red );
        $(this).parent( div ).next( .rate3 ).css( color , #FFFFFF );

}
</script>
<?php for($i=0;$i<11;$i++) {  ?>
<div class="vote"><a class="rate3">For</a> <a class="rate4">Against</a></div>

<?php  } ?>

Answer 1

您不需要<代码>.live(点击),因为你 t动地用j Query对OM进行更改,因此只使用<代码>.click(。

该守则应当发挥作用:

$( .vote a ).click(function() {
    $(this).siblings().css({
        backgroundColor:  red ,
        color:  white 
    });
    $(this).css({
        backgroundColor:  white ,
        color:  red 
    });
});

Demo:。

但我更喜欢用班级这样做,因为用风格表对我来说更清洁(更容易):

$( .vote a ).click(function() {
    $(this).addClass( selected ).siblings().removeClass( selected );
});

以及适当的社会保障局:

.selected {
    background-color: white;
    color: red;
}

页: 1 http://jsfiddle.net/9H9qE/22/。

Answer 2

如下:

$( a ).click(
    function(){
        if ($(this).is( .rate3 )){
            c =  .rate4 ;
        }
        else {
            c =  .rate3 ;
        }

        $(this).closest( .vote ).find(c).css({
            backgroundColor :  #fff 
        });
    });

JS Fiddle demo。

Answer 3

在Blender的答复中,你还可以清理你如何重新确定像这样的特别安全局的财产:

$(this).css({
    backgroundColor:  white ,
    color:  red 
});

http://jsfiddle.net/9H9qE/16/“rel=“nofollow”>example 。

友情链接