JavaScript中包含的功能

时间:2019-04-23 02:58:20

标签: javascript

我想在分割后在字符串上获得相同的值

如果我有数字(作为字符串):1,6,18,2并且我使用.includes,我将得到如下所示的输出:1,2,6,8,18

如何使用该字符串-> 1,2,6,18

这是我在js中的代码:

trHTML = '';    
total = 20; 
var antrian = $('#antrian').val(); // 1,6,18,2

for(i = 1; i <= total; i++){
   if(antrian.includes(i)){
     trHTML += <button style="background-color: gray;"> '+ i +'</button>';
   } else {
     trHTML += <button style="background-color: red;"> '+ i +'</button>';  
   }
}

从该代码中,我获得了带有数字的按钮输出按钮,如果我consol.log(trHTML)的输出为1,2,6,18,但HTML输出的是灰色按钮1,2,6,8,18,其他的则是红色按钮

如何获得带有数字1,2,6,18或与console.log(trHTML)相同的灰色按钮?

有人可以帮我还是给我一个例子?

1 个答案:

答案 0 :(得分:5)

8中包含1,6,18,2的原因是字符串中包含8。一种选择是使用antrian

使split()成为数组
var trHTML = '';    //Add var
var total = 20;     //Add var
var antrian = $('#antrian').val().split(","); //Add split() - this will return to [1,6,18,2]

for(var i = 1; i <= total; i++){ //Add var on i
   if(antrian.includes(i.toString())){
     trHTML += '<button style="background-color: gray;"> '+ i +'</button>';
   } else {
     trHTML += '<button style="background-color: red;"> '+ i +'</button>';  
   }
}