javascript - 遍历 HTML 内容并将值作为全局变量返回

Question

我想知道是否可以在 JavaScript 中动态创建 var 并将它们返回到全局变量中。示例:

<div id="parent">
  <span class="span_1">content</span>
  <span class="span_2">another</span>
  <span class="span_3">yup content</span>
</div>

和以下功能:

function getContent() {
  var divs = $('#parent').children('span').length;
  for(var i = 1; i < divs; i++) {
    jQuery('.span_'+i).html(); //this returned as global variables for each span
  }
}

如您所见，我想遍历跨度 HTML，并希望将每个跨度的内容变量作为全局变量。我该怎么做？

谢谢

Answer 1

您可以这样使用 .map():

var globalVar; // javascript set the value as "undefined".

然后在你的函数中这样做:

function getContent() {
     globalVar = $('#parent span').map(function(){
                     return $(this).text();
                 }).get();

   //results in --> globalVar = ["content", "another", "yup content"]

}

.map() 创建一个包含选择器集合的数组，并确保将其与 .get() 链接起来以获取数组中的集合。