javascript - 使用 javascript 隐藏数字，而不使用 jQuery

Question

我有following fiddle .

当您单击“隐藏”按钮时，数字 2、3 和 1 将被隐藏。使用此 Jquery 代码一切都很好:

$( "#hide" ).click(function() {
   $('span').each(function(){
   if($(this).text().match(/^([1-9])$/))$(this).hide()
});

});

现在我想要同样的东西，但是使用一个好的旧的 javascript 函数而不是上面给出的 jQuery 解决方案。这个怎么做？ See my (not working) attempt here .

非常感谢

Answer 1

这是一个简单的普通 JS 版本:

function hide() {
    var spans = document.getElementsByTagName('span'), i = 0;
    for(i=0; i<spans.length; i++) {
        spans[i].style.display = (spans[i].innerText.match(/^[1-9]+$/) ? 'none' : '');
    }
}

注意:我已更正您的正则表达式以匹配其中包含超过 1 位数字的数字。

更新的 fiddle :http://jsfiddle.net/WnLUu/6/