Question

除了我点击之外，我想为所有div着色。在我的代码中它可以工作，但只有一次。如果我点击另一个div，它就不起作用。

$('body').on('blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu', function(e) {
    // Your code here
});

<div class="fp">
    <div id="1">id="1"</div>
    <div id="2">id="2"</div>
    <div id="3">id="3"</div>
    <div id="4">id="4"</div>
    <div id="5">id="5"</div>
    <div id="6">id="6"</div>
    <div id="7">id="7"</div>
</div>

Answer 1

检查fiddle 希望这就是你要找的东西;

$(function() {
    $('.fp div').click(function() {          
        $('.fp div').css({'color' : 'blue'});
        $(this).css({'color' : 'black'});     

    });
});


<div class="fp">
    <div id="1">id="1"</div>
    <div id="2">id="2"</div>
    <div id="3">id="3"</div>
    <div id="4">id="4"</div>
    <div id="5">id="5"</div>
    <div id="6">id="6"</div>
    <div id="7">id="7"</div>
</div>

Answer 2

尝试使用css类：

$(function() {
  var divs = $('div.fp').find('div');
  divs.on('click', function() {
    divs.removeClass('blue');//remove previous selection
    $(this).addClass('blue');//the current clicked div
  });
});

.blue {
  background: skyblue;
}
div.fp div {
  cursor: pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="fp">
  <div id="1">id="1"</div>
  <div id="2">id="2"</div>
  <div id="3">id="3"</div>
  <div id="4">id="4"</div>
  <div id="5">id="5"</div>
  <div id="6">id="6"</div>
  <div id="7">id="7"</div>
</div>

Answer 3

您可以使用课程

.highlight{
    color:blue;
}

然后

$(function () {
    $('.fp  div').click(function () {
        $(this).removeClass('highlight').siblings().addClass('highlight')
    });
});

Answer 4

最简单的方法。 Check your updated fiddle：

$(function() {
    $('.fp div').on('click', function() {
        $(this).css('color', 'black');
        $('.fp div').not(this).css({'color':'blue'});
    });
});

Answer 5

尝试添加此行。

$('#'+r).css({'color':'white'});

Answer 6

Once a tag is blue, how will it change back to black ?

您应该在第二次点击之前或之后将颜色改回黑色。

如何为除此

6 个答案: