重构javascript数组

重构javascript数组,javascript,Javascript,我有一个简单的函数,用于检查选定的div id,并在存在特定div时执行操作: function checkContent_m(){ var mItems = [document.getElementById('m_round1'),document.getElementById('m_round2'),document.getElementById('m_round3'),document.getElementById('m_round4'), document.getElementById(

我有一个简单的函数,用于检查选定的div id,并在存在特定div时执行操作:

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";
}
}

在我看来,可能有一种方法可以让我更有效地构建阵列。我如何构造一个正则表达式,它将等价于:

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

这样的语句将允许我添加无限数量的“m_round”div,而无需修改我的js函数。

考虑使用jQuery。然后选择具有相似名称的ID是很简单的

$('[id^="m_round"]')
当然,你也可以给你想要选择同一个类的所有元素,然后这样选择它们

$('.m_round')

考虑使用jQuery。然后选择具有相似名称的ID是很简单的

$('[id^="m_round"]')
当然,你也可以给你想要选择同一个类的所有元素,然后这样选择它们

$('.m_round')

这里的传统智慧是将一个公共类应用于所有您想要的元素,然后使用
document.getElementsByClassName(“myClass”)
选择它们。这只适用于支持HTML5的浏览器。为什么要测试
mItems.length>0
?这总是正确的。不要为此使用ID,更好的做法是使用
data-*
属性。这里的传统做法是将一个公共类应用于所有需要的元素,然后使用
document.getElementsByClassName(“myClass”)选择它们
。这只适用于支持HTML5的浏览器。为什么要测试
mItems.length>0
?这总是正确的。不要为此使用id,更好的做法是使用
data-*
attributes..,语法应该是“var=$('[id^=“m_round”]');”?是的,这将得到一个jQuery对象,它表示所有元素,并且id包含
m_round
@克雅森纳尔刚刚测试过这个。工作起来就像一个弗里肯咒语!我很感激,谢谢。这种语法应该是“var=$('[id^=“m_round”]);”?是的,这将为您提供一个jQuery对象,它表示所有元素,并且id包含
m_round
@克雅森纳尔刚刚测试过这个。工作起来就像一个弗里肯咒语!我很感激,谢谢你。