jquery var和$(var).css

Question

我有这个代码:

$(document).ready(function() {
  $('.fa-crosshairs').click(function() {
    $('*').click(function() {
      var currentclass = $(this).attr('class');
    });
  });
  $('#1color').click(function() {
    $('body').css({
      "background-color": "black"
    });
  });
});

我需要获取currentclass var,然后使用它代替$('body').css,但我不知道我该怎么做.

关键是通过单击获取一个元素,然后在我点击('#1color')时更改其CSS

Answer 1

全局声明变量。

以下是如何执行此操作的示例。

$(document).ready(function() {
  var elem;
  $('.fa-crosshairs').click(function() {
    elem = this;
  });
  $('input').click(function() {
    $( elem).css({
      "background-color": "teal",
      "color": "white"
    });
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div class="fa-crosshairs">One</div>
<div class="fa-crosshairs">Two</div>
<div class="fa-crosshairs">Three</div>
<div class="fa-crosshairs">Four</div>
<div class="fa-crosshairs">Five</div>
<div class="fa-crosshairs">Six</div>
<input type="button" value="Change" />