id的变量值

时间:2017-06-22 11:11:30

标签: javascript jquery html

我是jquery和编程的新手。
不是在jquery中使用#id作为addClass,我们可以将变量作为id发送。
以下是使用#id的正确代码。我一直在想的是使用x等变量     

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

有没有办法直接发送变量作为像这样的id.something

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

3 个答案:

答案 0 :(得分:3)

试试这个

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

答案 1 :(得分:2)

你可以使用

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

答案 2 :(得分:0)

在创建元素的jquery对象时,需要连接id选择器(#):

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