Selector from array - Jquery / Javascript

Question

My requirement is to split some text to array, lets say

"blabla32020|dmakdj9230|3023902|dkasdfj39|etcetc"

And I will also have div's with same ids example:

<div id=blabla32020></div>

I want to change the background color of those to one color. And also to ignore if one element is not there (example if there is no div for dkasdfj39, then I should not get an error). I tried this but it gives me a Type error (showing an entermark in front of blabla32020) on Chrome.

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

moonwave99 · Accepted Answer · 2013-08-31 17:58:16Z

1

Using multiple selector:

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

answered Aug 31, 2013 at 17:58

moonwave99

22.9k3 gold badges48 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Gomida Matheesha Jayasinghe Over a year ago

I get the following error on google chrome: Uncaught Syntax error, unrecognized expression: # 31082013PV1 Note: 31082013PV1 is the div ID. Btw somehow there's a space between # and 3

Gomida Matheesha Jayasinghe Over a year ago

Did with removing tab characters. 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');

Alessandro Minoccheri · Accepted Answer · 2013-08-31 17:52:43Z

0

try this with jQuery:

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

answered Aug 31, 2013 at 17:52

Alessandro Minoccheri

36.1k22 gold badges128 silver badges176 bronze badges

1 Comment

Gomida Matheesha Jayasinghe Over a year ago

<exception>: "Syntax error, unrecognized expression: #↵31082013PV1" a: "#↵31082013PV1"

Gomida Matheesha Jayasinghe · Accepted Answer · 2013-08-31 20:53:55Z

0

FINAL ANSWER:

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');

answered Aug 31, 2013 at 20:53

Gomida Matheesha Jayasinghe

1771 silver badge9 bronze badges

Comments

Richie Fredicson · Accepted Answer · 2013-09-01 09:09:54Z

0

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

edited Sep 1, 2013 at 9:09

answered Aug 31, 2013 at 18:01

Richie Fredicson

2,5033 gold badges18 silver badges19 bronze badges

1 Comment

Gomida Matheesha Jayasinghe Over a year ago

<exception>: "Syntax error, unrecognized expression: #↵31082013PV1" a: "#↵31082013PV1"

Collectives™ on Stack Overflow

Selector from array - Jquery / Javascript

4 Answers 4

2 Comments

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related