从div获取一个特定的div类,并根据它执行一个函数

时间:2011-08-10 15:01:21

标签: javascript jquery html

标题可能无法很好地解释我的需要。基本上,在页面的开头,我有20个div,每个都有cal001,cal002 ...到cal020的id。

然后在页面的末尾,我有一堆div,每个都有类似tocal001或tocal002的类。那些div也可能有不同的类。假设我有一个类tocal001的div,我如何让javascript识别以tocal开头的特定类和clone().after()到cal001 div?

2 个答案:

答案 0 :(得分:5)

获取tocal...

var tocal = $('[id^="tocal"]');

追加:

tocal.each(function(index, item){
     var $item = $(item);
     var id = item.id;
     var num = id.substr(id.length - 3, 3);
     $item.clone().insertAfter($('#cal' + num));
});

以下是演示:http://jsfiddle.net/maniator/gRhCC/

答案 1 :(得分:1)

$('[id^="tocal"]').each(function(){
    var tmpid = this.id.replace('to','');
    $(this).clone().insertAfter($('[id$="' + tmpid + '"]'));
    $(this).remove();
});

演示:http://jsfiddle.net/AlienWebguy/4TK5d/

如果你想删除重复项并简单地“洗牌”行:

$('[id^="tocal"]').each(function(){
    var tmpid = this.id.replace('to','');
    $(this).remove().insertAfter($('[id$="' + tmpid + '"]'));
});

演示:http://jsfiddle.net/AlienWebguy/4TK5d/1/