如何遍历每个元素上调用 jquery.each 的数组？

Question

I am trying to loop through an array of elements and then validate each instance of each element. This is how I am doing it:

var elements = ["h1","h2","h3","h4","p","strong","label","span","a"];
function targetZWS(){
    for (var i = 0; i < elements.length; i++) {
        var item = $(".page-content "+elements[i]);
        $(item).each(function() {
            checkElement(this);
        });
    }
}

This throws a warning that I am creating a function inside a loop, how do I avoid this?

Answer 1

You are trying too hard :) JQuery allows you to enter multiple options in a single selector.

function targetZWS(){
    $("h1,h2,h3,h4,p,strong,label,span,a").each(function() {
            checkElement(this);
        });
    }
}

http://api.jquery.com/multiple-selector/

Answer 2

Use .each() to loop through the array as:

 $(function() {
  var elements = ["h1","h2","h3","h4","p","strong","label","span","a"];
  $.each(elements, function(index, value) {
    alert(value);
    var sel = ".page-content" + value
    var item = $("sel");
        $(item).each(function() {
            checkElement(this);
        });
  })
})

DEMO