Javascript 将属性值添加到每个<；p>；

我正在努力实现这一点：

我希望jQuery获取每个图标的类名，并将其写入每个p元素中

HTML

JSFIDLE

这段代码只复制第一个图标类名，并将其写入所有“p”元素中，而不是获取每个类名，但这不是我试图实现的

我将感谢任何帮助，提前谢谢大家

函数idk（）{
var icon_class=$（“.icon i”）.map（函数（）{
返回$（this.attr（“类”）
}).get（）.join（“”）
icon_container=$（“.col-md-4”），
图标_p=$（'.col-md-4 p'）；
每个图标（函数（）{
图标文本（图标类）；
})
};
$（文档）.ready（函数（）{
idk（）；
});

一,

二,

三,

试试这样的东西


函数idk（）{
$（'.col-md-4'）。每个（函数（）{
var icon_class=$（this.find（“.icon i”）.attr（“class”）；
console.log（图标类）；
图标_容器=$（“.col-md-4”）；
icon_p=$（this.find（'p'）；
图标文本（图标类）；
});
};
$（文档）.ready（函数（）{
idk（）；
});




我将遍历
I
，将类存储在var中，然后找到
.col-md-4
祖先，并将
p
作为目标，然后将类文本添加到
p


函数idk（）{
$（'.icon i'）。每个（函数（）{
var icon_class=$（this.attr（“class”），
$icon_p=$（this）.最近（'.col-md-4'）。查找（'p'）；
$icon\u p.text（icon\u类）；
});
}
$（文档）.ready（函数（）{
idk（）；
})




您可以这样做

function idk() {
  var icon_p = $('.col-md-4 p');
  icon_p.each(function(i, v) {
    find the i & its class in previous div and add it t the element
    var findClass = $(this).prev('div.icon').find('i').attr('class');
    $(this).attr('class', findClass);
  })
};

这是最短的方法：


$（'.col-md-4p'）.text（函数（）{
返回$（this.prev（）.find（'i'）.attr（'class'））
})
p{border:1px solid#ccc；页边顶部：10px}




这很好用，但请您解释一下为什么我的实际代码不起作用，只复制了头等舱的代码，我将不胜感激@bertone_in yeah
var icon_class=$（“.icon i”）.attr（“class”）
将获取第一个类，然后当您在
p
中循环时，它将用作文本。因此，您获取第一个
i
类名，并将其放在所有
p
中。您需要在
p
中循环并找到同一父级中的
i
，或者执行我所做的操作并循环通过
i
，然后将其添加到同一父级中的
p
。
function idk() {
    var icon_class = $(".icon i").attr("class"),
        icon_container = $(".col-md-4"),
        icon_p = $('.col-md-4 p');
        icon_p.each(function(){
            icon_p.text(icon_class);
        })
};
$(document).ready(function () {
    idk();
});

function idk() {
  var icon_p = $('.col-md-4 p');
  icon_p.each(function(i, v) {
    find the i & its class in previous div and add it t the element
    var findClass = $(this).prev('div.icon').find('i').attr('class');
    $(this).attr('class', findClass);
  })
};