2017-06-22 45 views
-2

我是jquery和編程新手。
而不是在jQuery中使用#id作爲addClass,我們可以發送變量作爲id。
下面是使用#id的正確代碼。
可以使用什麼是使用可變我一直在想,如X 可變值存在的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> 

有沒有辦法直接發送變量,這樣

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

注意'#1'是無效的選擇。它適用於jQuery(儘管不是正式的,只有它自己)。它不適用於CSS或'querySelector' /'querySelectorAll'。 CSS ID選擇器不能以未轉義的數字開頭。 –

回答

2

的id.something

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

你需要連接id選擇器(#),同時創建元素的jquery對象:

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

試試這個

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