如何以"htmlElement#idName.className.anotherClassName"格式拆分字符串？

Question

我有一个这样的字符串header#top.header.header--show-offset，我正在努力知道如何将其拆分为类似[ 'header', '#top', '.header', '.header--show-offset' ]

谢谢！

Answer 1

您可以使用正则表达式：

let str ="header#top.header.header--show-offset";
// Keep the delimiter
let res = str.split(/(?=[#.])/gi);
console.log(res);

Answer 2

我将分两步完成此操作：

1. 将 id 和类符号替换为逗号，然后用符号替换
2. 用逗号拆分生成的字符串

var selectorString = "header#top.header.header--show-offset";
selectorString = selectorString.replace(/#/g, ",#")
selectorString = selectorString.replace(/./g, ",.");
var selectorList = selectorString.split(",");
console.log(selectorList);