Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/365.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 循环遍历选定元素及其子元素的所有类和ID_Javascript_Jquery_Html - Fatal编程技术网

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

Javascript 循环遍历选定元素及其子元素的所有类和ID,javascript,jquery,html,Javascript,Jquery,Html,我想知道,如何循环一个元素及其所有子元素的所有类和Id。例如: <elem id="wrapper"> <elem class="first"></elem> <elem id="second"> <elem id="sub"></elem> </elem> </elem> 作为控制台.log或类似工具注意:我总是想选择最高的父级$(“#包装器”)并循环遍历所有同级和嵌套同级。

我想知道,如何循环一个元素及其所有子元素的所有类和Id。例如:

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

作为
控制台.log
或类似工具注意:我总是想选择最高的父级
$(“#包装器”)并循环遍历所有同级和嵌套同级。

通过将
*
传递到方法中,可以找到所有元素。您需要的东西可能看起来像:

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

您可以通过将
*
传递到方法中来查找所有元素。您需要的东西可能看起来像:

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

到目前为止你有什么?你读过jquery的
find
方法吗?到目前为止你有什么?你读过jquery的
find
方法吗?