簡體   English   中英

如何遍歷div數組以顯示()?

[英]How can I loop through an array of divs to show() them?

第一篇文章..有編程經驗,但沒有太多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條記錄,則我想對隱藏的div進行show()4條記錄。 看來這應該很簡單,但我缺少一些東西。不幸的是,互聯網訪問受到限制,但是我沒有找到任何與此有關的堆棧溢出條目。

如果jQuery對象中有一組元素,則根本不需要循環它們-只需在該集合上調用.show()

例如

$('#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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM