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（）来查找＆＃39;命令 - ＆＃39;班级名称？

以下是一个工作示例：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属性。

$('[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 */
});

按类号插入div容器

2 个答案: