Javascript 如何通过jquery添加动态属性？

我需要添加一个分析来跟踪每个按钮对标注的点击

我的代码如下

var headers=$（“.callout.callout内部h2”）.text（）；
变量按钮=$（“.callout.callout内部a.button”）；
按钮。添加类（“按钮数据”）；
按钮属性（“数据按钮信息”，标题）
a按钮{
文字装饰：无；
填充：10px；
背景：#00007f；
颜色：#fff；
边界半径：10px；
字体系列：Arial；
文本转换：大写；
字体大小：12px；
字体大小：粗体；
过渡：所有0.5s缓解；
}
a、 按钮：悬停{
背景：#efef；
颜色：#00007f；
}

第一个标题2
Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一种很好的治疗方法。右前庭门

第二标题2
Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一种很好的治疗方法。右前庭门

第三标题3
Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一种很好的治疗方法。右前庭门

此代码将满足您的需要

$(".callouts .callout-inner").each(function(){
    var header = $(this).find("h2").text();
    var button = $(this).find("a.button");
    button.addClass("button-data");
    button.attr("data-button-info", header);
});

您需要使用
each（）
遍历您的集合，并使用
$（this）
将元素本身引用为点引用，如：


var按钮=$（“.callout.callout内部a.button”）；
buttons.addClass（“按钮数据”）.each（函数（）{
var headers=$（this.parent（）.find（'h2'）.text（）；
$（this）.attr（“数据按钮信息”，标题）；
})
a按钮{
文字装饰：无；
填充：10px；
背景：#00007f；
颜色：#fff；
边界半径：10px；
字体系列：Arial；
文本转换：大写；
字体大小：12px；
字体大小：粗体；
过渡：所有0.5s缓解；
}
a、 按钮：悬停{
背景：#efef；
颜色：#00007f；
}

第一个标题2
Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一种很好的治疗方法。右前庭门

第二标题2
Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一种很好的治疗方法。右前庭门

第三标题3
Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一种很好的治疗方法。右前庭门

这同样有效

for(let keys in buttons) {
    let button = $(buttons[key]);
    let buttonData = $(button.parent().siblings('h2')[0]).text();
    button.attr("data-button-info", buttonData);
}