删除某个班级后的所有班级

问题描述

我有一个

< div id="thisdiv" class="class1 class2 class3 class4 class5"> text < /div>

我需要能够使用jQuery删除class3之后的所有类.

I need to be able to delete all classes after class3 with jQuery.

类似

$('#thisdiv').removeClass(all after class3);

OR

$('#thisdiv').attr('class', all from class1 to class3);

请问我该怎么做?

推荐答案

您可以尝试以下操作，但是您的类可能与HTML源代码中出现的顺序不同:

You can try the following, but your classes might not be in the same order as they appear in the HTML source:

$('#thisdiv').attr('class', function(i, v)
{
    var classes = v.split(' '),
        position = $.inArray('class3', classes);

    return classes.slice(0, position + 1).join(' ');
});

这是小提琴: http://jsfiddle.net/FNUK2/

更简洁的方法是仅将字符串本身切成薄片:

$('#thisdiv').attr('class', function(i, v)
{
    return v.substr(0, v.indexOf('class3') + 6);
});

但是我发现使用数组更容易.

but I find working with arrays easier.

如果要在jQuery链中使用它，则必须首先将其添加到jQuery的原型中:

If you want to use it in the jQuery chain, you'll have to first add it to jQuery's prototype:

$.fn.removeClassesAfter = function(className)
{
    return this.each(function()
    {
        $(this).attr('class', function(i, v)
        {
            var classes = v.split(' '),
                position = $.inArray(className, classes);

            return position == -1 ? v : classes.slice(0, position + 1).join(' ');
        });
    });
};

这是小提琴: http://jsfiddle.net/FNUK2/11/

这篇关于删除某个班级后的所有班级的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！