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

Question

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

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

现在我想将“dist-5”值附加到属性“dist”。像这样：

<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()设置器

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

演示：小提琴