如何遍歷每個元素上調用 jquery.each 的數組？

Question

我正在嘗試遍歷元素數組，然后驗證每個元素的每個實例。 這就是我的做法：

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);
        });
    }
}

這會發出一個警告，提示我正在循環中創建一個函數，我該如何避免這種情況？

Answer 1

你太努力了 :) JQuery 允許你在一個選擇器中輸入多個選項。

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

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

Answer 2

使用.each()循環遍歷數組：

 $(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);
        });
  })
})

演示