javascript - 数组中的选择器 - Jquery / Javascript

Question

我的要求是将一些文本拆分为数组，可以说

"blabla32020|dmakdj9230|3023902|dkasdfj39|etcetc"

而且我还将拥有具有相同 id 的 div 示例：

<div id=blabla32020></div>

我想将它们的背景颜色更改为一种颜色。如果一个元素不存在，也要忽略（例如，如果 dkasdfj39 没有 div，那么我不应该得到错误）。我试过这个，但它在 Chrome 上给了我一个类型错误（在 blabla32020 前面显示一个输入标记）。

var bdata = bookcaldates.innerHTML.replace(/-/g,"");
var bookdatesreference = bdata.split("|");
for(var i=0; i<bookdatesreference.length; i++) 
{bookdatesreference[i].style.color='white';}

Answer 1

使用多重选择器：

$('#' + stringToSplit.replace(/\|/g, ',#')).css('color','white');

Answer 2

最终答案：

bookcaldates.innerHTML = bookcaldates.innerHTML.replace(/-/g,"");
bookcaldates.innerHTML = bookcaldates.innerHTML.replace(/\|/g,",#");
bookcaldates.innerHTML = "#"+bookcaldates.innerHTML;
bookcaldates.innerHTML = bookcaldates.innerHTML.replace(/(\r\n|\n|\r)/gm,"");
bookcaldates.innerHTML = bookcaldates.innerHTML.slice(0, -2);
jQuery.noConflict();
$(bookcaldates.innerHTML).css('color','white');

Answer 3

If($("#" + bookdatesreference[i]))
$("#" + bookdatesreference[i]).css('color','white')

Answer 4

用 jQuery 试试这个：

for(var i=0; i<bookdatesreference.length; i++) 
{
   $('#' + bookdatesreference[i]).css('color', 'white');
}