组合两个函数以在jQuery或Javascript中写入属性数组

这是原问题的延伸：

。。。但我需要对其进行扩展，以便将现有的两个函数合并，然后扩展为在数组中添加属性，而不是在类中添加属性

作为类增加价值的原始代码片段：-

从div和add as类获取日期

jQuery(".publication-date").each(function(i) {
var yr = $(this).text().trim().split('/')[2];
jQuery(this).closest('.publication').addClass(yr);
});

jQuery(".publication-name").each(function(i) {
var name = $(this).text().trim().replace(/[_\W]+/g, "-");

从div和add as类获取发布名称

jQuery(".publication-date").each(function(i) {
var yr = $(this).text().trim().split('/')[2];
jQuery(this).closest('.publication').addClass(yr);
});

jQuery(".publication-name").each(function(i) {
var name = $(this).text().trim().replace(/[_\W]+/g, "-");

jQuery（this）.closest（'.publication'）.addClass（name）； });

我努力合并并写入“data filter”属性，其中data filter的任何值都用逗号分隔，即data filter“2017，publicationname”

非常感谢所有的意见

提前谢谢

---

Glennyboy

假设在HTML中，每个

.publication

div

都有一个

.publicationton date

div

和一个

publication name

div

，您可以在以下几行中执行操作：

$('.publication').each(function() {
    var yr = $(this).find('.publication-date').text().trim().split('/')[2];
    var name = $(this).find('.publication-name').text().trim().replace(/[_\W]+/g, "-");
    $(this).attr('data-filter', yr + ',' + name);
})

---

ie：不要在

.publication date

和

.publication name

元素中循环，而是在

.publication

元素中循环并找到其中的日期和年份。

假设在HTML中，每个

.publication

div

都有一个

.publicationton date

div

和一个

出版物名称

div

，您可以在以下行中执行操作：

$('.publication').each(function() {
    var yr = $(this).find('.publication-date').text().trim().split('/')[2];
    var name = $(this).find('.publication-name').text().trim().replace(/[_\W]+/g, "-");
    $(this).attr('data-filter', yr + ',' + name);
})

---

ie：不要在

.publication date

和

.publication name

元素中循环，而是在

.publication

元素中循环并找到其中的日期和年份。

Hi@miruda我希望通过对年份（yr）进行分组来进一步扩展上述内容自动放入一个类名为year+yr的div中，例如，一个类year2016围绕着每个日期为2016的元素。然后显示一个div/span，显示分组类顶部的实际年份-2017年、2016年、2015年等。我猜是.wrapAll（类）和.before/.prepend的组合。（用于占位符年份值）。显然，每年只有一组年组……在没有看到一些代码的情况下，我回答这个问题有点困难。你能告诉我你用你尝试过的代码想要实现什么吗？是的，当然，我想要实现的是用一个div来表示年份，然后再显示它是哪一年。所以现在我有：-

code

$（“.grid”）.bind（“transitionend WebKittTransitionEnd oTransitionEnd MSTransitionEnd”，function（）{$（'.2017'）。wrapAll（''）；$（'.year2017'）。在（'2017'）；}）之前；//绑定事件侦听器$同位素.同位素（'on'，'layoutComplete'，onLayout）<代码>代码我正在使用jQuery同位素，每次同位素运行时，我都想用一个年份标题重新添加和包装年份块。完整的代码在这里的开发页面上（在标记之前，你会看到我的基本代码是包装的，但它不是动态的，并且会不断复制。实际上这是一个与Hi@miruda相关的问题，我希望通过对年份（yr）进行分组来进一步扩展上面的内容自动放入一个类名为year+yr的div中，例如，一个日期为2016年的类围绕着每个元素。然后在分组类的顶部显示一个div/span，显示实际年份-so 2017、2016 2015等。我猜是.wrapAll（用于类）和.before/.prepend的组合。（用于占位符年份值）.很明显，每年只有一组年份组…在没有看到一些代码的情况下，我回答这个问题有点困难。你能告诉我你试图用你尝试过的代码实现什么吗？是的，当然，我试图实现的是将一个div围绕几年，然后再显示它是哪一年。所以现在我有：-

code

$（“.grid”）.bind（“transitionend WebKittTransitionEnd oTransitionEnd MSTransitionEnd”，function（）{$（'.2017'）.wrapAll（''）；$（'.year2017'）.before（'2017'）；}）//绑定事件侦听器$同位素.同位素（'on'，'layoutComplete'，onLayout）；

code

我正在使用jQuery同位素，每次同位素运行时，我都想重新添加并重新包装带有年份标题的年份块。完整的代码在这里的开发页面上（在标记之前，您会看到我的基本代码是包装的，但它不是动态的，并且不断复制。实际上，这是一个与