javascript - (this) 在 jQuery 中的用法

Question

我有下面这样的 HTML 元素

<div class="myclassname" data-barcolor="#000000"></div>

我正在尝试使用 (this) 获取这些“data-barcolor”属性。关键字，而不是使用类名..如下所示

$('.myclassname').easyPieChart({
    barColor : $(this).attr('data-barcolor'),
});

它不能正常工作。 但是

$('.myclassname').easyPieChart({
    barColor : $('.myclassname.').attr('data-barcolor'),
});

完美运行。

通过使用类名，我无法动态获取值。我有多个具有不同值的同名类(class)。那么如何在 jquery 中获取值呢!

Answer 1

您可以为此使用each 循环:

$('.myclassname').each(function() {
    $(this).easyPieChart({
        barColor : $(this).data('barcolor'),
    });
});

文档还指出 barColor 可以是一个函数，但是不幸的是，这个函数是在错误的上下文中调用的(正如我从阅读 sources 可以假设的那样)所以你不能使用自然的 barColor: function() { return $(this).attr(...); 方式。