循环遍历选定元素及其子元素的所有类和ID

Question

我想知道，如何循环遍历元素及其所有子元素的所有类和Id。例如：

<elem id="wrapper">
  <elem class="first"></elem>
  <elem id="second">
     <elem id="sub"></elem>
  </elem>
</elem>

我只想输出：

#wrapper, .first, #second, #sub

作为console.log或类似的。 注意：我总是想选择最高的父$('#wrapper');并循环遍历所有兄弟姐妹和嵌套的兄弟姐妹。

Answer 1

您可以通过将*传递到find方法来查找所有元素。您需要的东西可能如下：

$(function () {
    $('body').find('*').each(function (i, elem) {
        $elem = $(elem);
        console.log($elem.attr('id') ? '#' + $elem.attr('id') : '.' + $elem.attr('class') );
    });
});

JsFiddle