jQuery -类的“参数解析器”

Question

我正在尝试通过应用于这些插件所附加到的元素的类来配置jQuery插件。

例如：

<div class="move amt-10 dir-left">
...
</div>

和js：

$('.move').each(function(){
  var classes = $(this).attr('class');

  // this is from: http://stackoverflow.com/questions/3955345/javascript-jquery-get-number-from-string
  var amount = parseInt(/amt-(\d+)/.exec(classes)[1], 10);
  var direction = /dir-([^\s]+)/.exec(classes)[1];
  // do stuff here based on amount/direction variables
});

它适用于这种特殊的情况，但由于我也在为其他插件这样做，我想知道如何为通过类传递的这种选项创建某种“解析器”，这样我就可以编写更少的代码:)

Answer 1

您的示例使用jQuery.data和HTML5 data-*属性进行重构

<div class="move" data-amt="10" data-dir="left"></div>

$('.move').each(function(){
  var amount = $(this).data('amt');
  var direction = $(this).data('dir');
  // do stuff here based on amount/direction variables
});

Answer 2

另一个很好的选择是jquery元数据插件：

http://plugins.jquery.com/project/metadata