在单个jQuery调用中计算和编辑多个属性

我需要使用单个jQuery调用来计算new并编辑SVG元素(rect)的’x’和’y’属性.

现在我知道你可以这样做：

var incBy = 20;

$('#test').attr('x',function(i,val) {
    return parseInt(val) + incBy;
});

这对于计算和编辑单个属性很好,但是如何以这种方式编辑多个属性？

解决方法

如果您将其考虑在内,您也可以在一行中完成：

$('#test').attr('x',myFunction).attr('y',myFunction);

function myFunction(i,val) {
  return parseInt(val) + incBy; 
}

或者更多地抽象它并将要应用它的属性传递给单独的函数

process('x','y');

function process() {
  for (var i = 0; i < process.arguments.length; i++)
    $('test').attr(process.arguments[i]),myfunction);

  function myFunction(i,val) {
    return parseInt(val) + incBy; 
  }
}

这取决于你想走多远.您可以在参数中包含要调用的函数,也可以包括选择条件.