插入类中间列表-解网

问：

我目前正在开发一个供我个人使用的 JQuery 应用程序，作为快捷方式，我正在根据列表中的最后一个类做出决定，它始终是某种标识符。这已经在许多地方完成，例如：

$("#myelement").attr('class').split(/\s+/).pop()

元素的类如下所示：

class1 class2 class_with_id

问题是现在我在代码中有一个地方，我试图在列表中添加一个类，我通常会这样做：

$("#myelement").addClass("newclass")

但是，这使得类看起来像这样：

class1 class2 class_with_id newclass

稍后获取标识符类会失败。我让它与这个一起工作：

$("#myelement").attr('class', "newclass " + $("#myelement").attr('class'))

这是将其添加到开头：

newclass class1 class2 class_with_id

我有两个问题，都相关：

这是完成将其添加到开头的最简单/最简单的方法吗？
有没有一种简单的方法可以在不进行花哨的字符串操作的情况下在集合的中间添加类。也就是说，我想让它成为倒数第二个元素：
```
class1 class2 newclass class_with_id
```

JavaScript jQuery HTML CSS Attr

String.prototype.insert = function (index, string) {
  if (index > 0)
    return this.substring(0, index) + string + this.substring(index, this.length);
  else
  return string + this;
};

var original = 'class1 class2 class_with_id';
var newClass = 'new_class';
var index = original.lastIndexOf(' ');
var updated = original.insert(index, ' ' + newClass);

注意：正如卡尔-安德烈·加农（Karl-André Gagnon）所说。最好使用自定义数据属性，而不是当前方法。您可能会发现您的方法限制您使用任何修改类的插件。

0赞 Neville Nazerane 7/6/2016 #3

我不完全确定你为什么要使用这些类。但是假设由于某种原因你不能像一些建议的那样使用数据，而你更喜欢使用类，你可以制作一个jquery函数，以便能够轻松调用它。

$.fn.addClassAt = function(index, newClass){
    var classArray = $(this).attr('class').split(' ');
    classArray.splice(index, 0, newClass);
    var newClassStr = classArray.join(' ');
    return $(this).attr('class', newClassStr);
}

您现在可以将其用作

$（“#myElement”）.addClassAt（2， 'newClass'）

上一个：当您在文本编辑器中保存 exe 文件时会发生什么？

下一个：将 Div 的内容垂直对齐到底部，滚动条用于溢出

插入类中间列表

Insert In Middle Of Class List

评论