javascript - 在存储在数组中的 HTML 上使用 jQuery 选择器

Question

我有一个包含一些 HTML 的数组，例如：

var array=[
           "<div anAttribute=19 class='foo'>This is the content of the foo div.</div>", 
           "<div anAttribute=14 class='bar'>This is the content of the bar div.</div>"
          ];

我想为他们俩获取 anAttribute 的值。

array[0].$('.foo').attr("anAttribute");

将返回 19。

Answer 1

你可以这样做：

$(array[0]).attr("anAttribute");
$(array[1]).attr("anAttribute");

我假设anAttribute它是一个有效的 html 属性，如果不是以data-*.

Answer 2

您只需要将字符串包装在 jquery 闭包中：

jQuery(array[0]).attr('anAttribute');

将返回 19

Answer 3

这将为您提供数组中的属性：

var attributes = $(array.join('')).map(function(){
  return $(this).attr('anAtribute');
}).get();

然后你可以像这样访问它们：

attributes[0] //= 19
attributes[1] //= 14