javascript - 使用 jQuery 创建一个数组而不是从 dom 中获取的值的变量？

Question

我在具有特定 ID(由变量 myID 提供)的元素中搜索具有“some-class”类的元素。

对于其中的每一个，我都需要获取名为“data-att”的数据属性的值。然后我想创建一个数组，但将字符串 custom-class-- 添加到每个数组的开头。

除了它只生成 1 个值 之外，我的以下代码有效。我怎样才能制作一个数组而不是一个变量？

// a in the ID of the container to search in for elements with a class of 'some-class'
var myID = '#' + myID;

// Create a varialbe which starts 'custom-class--' and then has the data-att attribute
// of elements for elemts with a class of 'some-class'
var class = 'custom-class--' + $(myID).find('.some-class').attr('data-att');

更新 - 这是一个可用的代码笔:http://codepen.io/anon/pen/reVeja?editors=1111

<a href="#" class="some-class" data-att="data-1">Link</a>

<div id="my-id">
  <a href="#" class="some-class" data-att="data-2">Link</a>
  <a href="#" class="some-class" data-att="data-3">Link</a>
</div>

<script type="text/javascript">

$(function() {

  // a in the ID of the container to search in for elemnts with a class of 'some-class'
  var myID = '#' + 'my-id';

  // Create a variable which starts 'custom-class--' and then has the data-att attribute 
  // of elements for elements with a class of 'some-class'
  var myClass = 'custom-class--' + $(myID).find('.some-class').attr('data-att');

  console.log(myClass);

});
</script>

Answer 1

你可以试试这样的:

var myID = '#' + myID;
var elemClass=[];

$(myID).find('.some-class').each(function(){
   if($(this).attr('data-att').length){ 

      elemClass.push('custom-class--'+ $(this).attr('data-att')) ;
   }

});

请注意，您不能在代码中使用保留字，例如class。