用jQuery遍历变量不起作用

Question

我在页面顶部设置此变量setVars = {"n":"2","m":"1","degree":"3","p":"2"}

我想遍历setVars中的每个元素，但是jquery的each（）函数不起作用。

这就是我所拥有的-

$(setVars).each(function(key, value) {
  elementId = '#' + key+ '-wrapper';
}

但是由于某种原因，此处在第一次迭代中将key设置为0，并在此处将value设置为完整的setVars对象。 它不会进行第二次迭代，而是在我逐步执行并尝试进行第二次迭代时会中断。

Answer 1

根据这个http://api.jquery.com/jQuery.each/我应该相信

$.each(setVars, function(key, value) {
  elementId = '#' + key+ '-wrapper';
});

setVars不是DOM元素的集合，而是一个对象

Answer 2

您正在使用.each()来遍历jQuery对象，而不是$.each()来遍历对象和数组 。 尝试这个：

$.each( setVars, function(key, value) {
  elementId = '#' + key+ '-wrapper';
});

Answer 3

您不需要JQuery。 同样，我可能是错的，但是您不希望对象属性名称周围的引号永远不会出现：

setVars = {n:"2",m:"1",degree:"3",p:"2"}

和

for(i in setVars){
   console.log("key: ",i," value: ", setVars[i]); // demonstration of how to access key and value
   elementId = '#' + i + '-wrapper';
}