Question

我有12个<span>的“has_title”类。每个都有一个唯一的title。

我还有12个<div>的“bar”类。

我需要将<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并分配标题。

将存储的标题属性从一个数组分配给存储在另一个数组中jQuery的

2 个答案: