javascript - 根据当前 attr 值更改 attr 字符串

Question

我有一个用于扩展的组合框监听器。展开后，它会对组合框选项中具有特定类的每个元素执行一些样式设置。所需的更改之一是根据当前属性的值更改属性。使用 this 返回未定义。

expand   : function(combo) {
  $('.status-0').addClass('greyed-out');
  $('.status-0').attr('attrname', $(this).attr('attrname') + ' is status 0');
}

我希望每个带有 .status-0 的元素的属性字符串都附加有“is status 0”。该属性是一个 ExtJS 工具提示，但该解决方案应该适用于任何属性类型。

Answer 1

您需要使用 $.attr 的 function 重载，它接受一个 function，它将接收两个参数，index 和 attribute值(value)。 this 将引用该元素。但是我们在这里不需要它，因为我们可以只使用传递的属性值。

$('.status-0').attr('attrname', function(_, attrVal){
     return attrVal + ' is status 0';
});