如何循环显示一组div来显示()它们?

时间:2014-11-03 02:37:50

标签: javascript jquery html show

第一篇文章..经验丰富的编程,但没有那么多的jQuery / javascript。 我有一些最初隐藏的div,它们按升序分配id:

  <script>
    $(document).ready(function() {
      $(".over_map").each(function(i) {
          $(this).attr('id', "over_map" + (i + 1));
          // console.log($(this));
      });
    });
  </script>

现在我想循环遍历动态数量的这些div并显示它们。如果(最终还没有实现)SQL调用返回4条记录,我想显示()4个隐藏的div。看起来这应该很简单,但我遗漏了一些东西..不幸的是有限的互联网访问,但我没有找到任何与它相关的堆栈溢出条目..任何帮助赞赏!

1 个答案:

答案 0 :(得分:0)

如果jQuery对象中有一组元素,则根本不需要循环它们 - 只需在集合上调用.show()

e.g。

$('#over_map1, #over_map3').show();

如果您有要显示的ID列表,则可以构建选择器字符串:

function buildSelector(ids) {
  var selectors = [];
  for (var i = 0; i < ids.length; i++) {
    selectors.push("#over-map" + ids[i]);
  }
  return selectors.join(", ");
}

$(document).ready(function(){
  var ids = [1, 3];
  $(buildSelector(ids)).show();
});

http://codepen.io/precise54/pen/nkyzg

演示