遍历选定的DOM元素

Question

使用jQuery，我只想迭代某些元素。 现在，我有一个双循环，循环所有DOM元素及其每个属性：

  domElement.find('*').each(function () {  //loop over all child elements inside parent

                $.each(this.attributes, function (i, attrib) {
                    var name = attrib.name;
                    var value = attrib.value;

                });
            });

我的问题是-而不是遍历所有元素（*），我可以以某种方式选择一组要遍历的标签，例如仅跨度，输入，按钮，形式等吗？

更冗长的方式将是这样的：

      domElement.find('*').each(function () {  //loop over all child elements inside parent

               if(this.tagname is in ['span','input','button','form']){  //pseudocode

                    $.each(this.attributes, function (i, attrib) {
                        var name = attrib.name;
                        var value = attrib.value;


                    });
                 }
            });

Answer 1

使用多个选择器： JQuery文档 。

我认为在您的示例代码将是这样的：

var selectList = $('span, input, button, form');

Answer 2

尝试这个：

$('span,input,button,form').each(function (i, attrib) {
    var name = attrib.name;
    var value = attrib.value;
});

尽管Mouhamed Halloul的建议更好，但给他们一个普通的班级，然后遍历该班级：

$('.common-class-name').each(function (i, attrib) {
    var name = attrib.name;
    var value = attrib.value;
});