re to construct javascript array

Question

I have a simple function that checks selected div ids, and performs an action if a particular div is present:

function checkContent_m(){
var mItems = [document.getElementById('m_round1'),document.getElementById('m_round2'),document.getElementById('m_round3'),document.getElementById('m_round4'),
document.getElementById('m_round5'),document.getElementById('m_round6'),document.getElementById('m_round7'),document.getElementById('m_round8')];

if (mItems.length > 0){
        document.getElementById('m_div').style.display = "block";       
}
else{
    document.getElementById('m_div').style.display = "none";
}

}

Seems to me that there might be a way for me to construct my array more efficiently. How would I construct a regular expression that would be an equivalent to:

document.getElementById('m_round'+ '*')

Such statement would allow me to add an unlimited number of "m_round" divs, without having to modify my js function.

The traditional wisdom here is to apply a common class to all the elements you want and then select them with document.getElementsByClassName("myClass"). — apsillers
– apsillers, Commented Nov 9, 2012 at 19:23
do not use ids for that, a better practice would be to use data-* attributes.. — redShadow
– redShadow, Commented Nov 9, 2012 at 19:33

Ryan Berger · Accepted Answer · 2012-11-09 19:44:46Z

3

Consider using jQuery. Then selecting ID's that have similar names is trivial...

$('[id^="m_round"]')

Of course, you could also give all the elements you want to select the same class and then select them that way...

$('.m_round')

edited Nov 9, 2012 at 19:44

answered Nov 9, 2012 at 19:26

Ryan Berger

9,7306 gold badges47 silver badges58 bronze badges

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

3 Comments

kjarsenal Over a year ago

and that syntax would be something like "var = $('[id^="m_round"]');" ?

11684 Over a year ago

Yep, that will get you a jQuery object that represents all elements with and ID that contains m_round. @kjarsenal

kjarsenal Over a year ago

just tested this. works like a fricken charm! I'm grateful, thank you.

Collectives™ on Stack Overflow

re to construct javascript array

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related