将存储的标题属性从一个数组分配给另一个数组中存储的元素。 jquery

Question

我有12个<span>与类“has_title”。每个都有独特的title。

我还有12个<div>的班级“酒吧”。

我需要分配从<span>标题的，它们出现在HTML的<div>顺序“在他们出现在HTML的顺序秒。

我的想法是使用.each的标题存储在数组中，然后通过依次将标题到每个<div>的数组莫名其妙环

到目前为止，我有以下的代码存储的在阵列中的标题的值：

var myarr = []; 
$(".has_title").each(function(){ 
    myarr.push({ title: this.title}); 
}); 

这通过阵列循环以下：

$.each(myarr, function() { 
    // What goes here? 
}); 

这就是我卡住的地方。我是否以正确的方式去解决这个问题？ 当我将笔记本电脑从窗口扔出去时，有一点帮助会很大。

Answer 1

尝试这样：

var myarr = []; 
$(".has_title").each(function(){ 
    myarr.push({ title: this.title}); 
}); 

$(".bar").each(function(index) { 
    $(this).attr('title', myarr[index].title); 
}); 

Answer 2

你会做这样的事情：

var titles = []; 
$('.has_title').each(function() 
{ 
    titles.push(this.title); 
}); 

$(titles).each(function(index) 
{ 
    $('.bar:eq(' + index + ')').title = this; 
}); 

应该做的伎俩。基本上，使用回调函数获取集合的索引，然后使用:eq()选择器在该索引集合中查找div并分配标题。