jQuery var e $ (var) css

Question

ho questo codice:.

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

ho bisogno di ottenere currentclass var, quindi utilizzare al posto di $ ('body') css, ma non so come devo farlo.

Il punto è quello di ottenere un elemento facendo clic su, e poi, cambiare il suo css Quando clicco su ('# 1color')

Answer 1

Dichiarare la variabile a livello globale.

Ecco un esempio di come è possibile farlo.

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

Answer 2

La variabile var currentclass = $(this).attr('class'); è dichiarata all'interno di una funzione. in modo che sia accessibile all'interno della funzione in cui è dichiarato. L'ambito della variabile è all'interno di quella funzione. È necessario dichiarare la variabile come VARIABILE GLOBALE in modo che sia accessibile al di fuori della funzione. SCOPE OF A VARIABLE