javascript - 循环遍历所选元素及其子元素的所有类和 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');并循环遍历所有 sibling 和嵌套 sibling 。

Answer 1

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

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

JsFiddle