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，然后使用它而不是$（＆＃39; body＆＃39;）。css，但我不知道我该怎么做。

关键是通过点击获取一个元素，然后在我点击时更改其css（＆＃39;＃1color＆＃39;）

Answer 1

全局声明变量。

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

＆＃13;

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

＆＃13;

<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" />

＆＃13;

Answer 2

变量 var currentclass = $(this).attr('class');在函数内声明。这样它就可以在声明它的函数内部访问。变量的范围在该函数内。您需要将变量声明为 GLOBAL VARIABLE ，以便可以在函数外部访问它。 SCOPE OF A VARIABLE

jquery var和$（var）.css

2 个答案: