2017-06-22 4 views
-2

Ich bin neu in Jquery und Programmierung.
Anstatt die ID für die addClass in jquery zu verwenden, können wir die Variable als ID senden.
Unten ist der richtige Code mit #id.
, was ich gedacht Variable verwendet wie x variabler Wert anstelle von ID

<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<style> 
.red{ 
background-color:red; 
} 
</style> 
<script> 
var x=1; 
$('#1').addClass('red'); 
</script> 

</head> 

<body> 
<section id=1>1</section> 

<section id="2" class="sec">2</section> 
<section id="3" class="sec">3</section> 
<section id="4" class="sec">4</section> 
<section id="5" class="sec">5</section> 
</body> 

</html> 

ist es eine Möglichkeit, Variable direkt als id.something wie diese

var x=1; 
    $(x).addClass('red'); 
+0

Hinweis Versuchen Sie, dass '# 1 'ein ungültiger Selektor ist. Es funktioniert mit jQuery (obwohl nicht offiziell, und nur wenn es alleine ist). Es funktioniert nicht mit CSS oder 'querySelector' /' querySelectorAll'. CSS-ID-Selektoren können nicht mit einer nicht skalierten Ziffer beginnen. –

Antwort

2

Sie

var x=1; 
    $("#"+x).addClass('red'); 
0
verwenden können, senden

Sie müssen den ID-Selektor (#) verketten, während Sie das jquery-Objekt des Elements erstellen:

$('#'+x).addClass('red');