jquery - 按类号插入 div 容器

Question

我正在尝试在特定位置插入一些 div 框。这是我的第一次尝试：

$('[class*=order-]').each(function() {
    /* 1. Store info */
   var orderClass = $(this);
   console.log(orderClass);

   /* 2. Find the insert number */
   var orderClassResults = orderClass.match('order-');
   console.log(orderClassResults);

   /* 3. Use the insert number to reposition */
});

我被困在仅提取用于定位的数字的第 2 步。我是否正确使用 match() 来查找“order-”类名？

这是一个工作示例： http: //play.meyouand.us/140418-rearrange/rearrange1.html

Answer 1

要获得号码，您可以尝试使用以下正则表达式

var cl = orderClass.prop('class').split(/\s+/);  //split the classes to get an array
var clNumber = $.each( cl, function(index, val){ //iterate over ir
if (val.indexOf('order-') !== -1) {  //find the match
    return val.replace( /^\D+/g, '')  // return back the number
    }
});

Answer 2

添加 attr('class') 以获取类属性。

$('[class*=order-]').each(function() {
    /* 1. Store info */
   var orderClass = $(this).attr('class');
   console.log(orderClass);

   /* 2. Find the insert number */
   var orderClassResults = orderClass.match('order-');
   console.log(orderClassResults);

   /* 3. Use the insert number to reposition */
});

在一行中，您可以获得 orderClassResults：

$('[class*=order-]').each(function() {

   /* 1. Find the insert number */
   var orderClassResults = $(this).attr('class').match('order-');
   console.log(orderClassResults);

   /* 2. Use the insert number to reposition */
});