获取div中的所有ID

Question

我有<div></div>，用户可以将项目（文字，图片）拖到<div>区域。我可以做些什么来获取<div>中的所有ID？

HTML

<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"> 

  <div id="TextBoxesGroup">
    <div id="TextBoxDiv1">
      <label class="draggable ui-widget-content clickableLabel" id="label1" >Text Here</label>
      <input id="textbox1" class="clickedit" type="text" class="draggable" class="ui-widget-content" placeholder="Text Here"/>
      <div class="clearfix"></div>
    </div>
  </div>
  <img src="../../test.png" height="150" width="150" class="draggable" class="ui-widget-content" id="qr"/>

  <br/>

</div>

Answer 1

jQuery方式：

var ids = $.map($("div [id]"), function (item) {
    return $(item).attr("id");
});

Javascript方式（或其中一种方式）：

var items = document.querySelectorAll("div [id]");
var ids = Array.prototype.reduce.call(items, function (arr, elem) {
    arr.push(elem.id);
    return arr;
}, []);