如何使用JQuery将值附加到自定义属性？

Question

我有“div.tile”元素。每个都有一个自定义属性“dist”，如下所示：

<div class="tile" dist="dist-3"></div>

现在我想在属性“dist”中添加“dist-5”值。像这样：

<div class="tile" dist="dist-3 dist-5"></div>

我该怎么做？

搜索后，我发现了这个：

$('.tile').each(function(){ this.dist += "dist-5"; })

但是你可以猜到，这不起作用。

我正在寻找除tile.attr('dist', tile.attr('dist')+' '+'dist-5')

之外的优雅方式

Answer 1

您需要使用将函数作为参数

的.attr() setter

$('.tile').attr('dist', function (id, attr) {
    return attr + " dist-5";
})

演示：Fiddle