我怎么能以'＆h; HtmlElement＃idName.className.anotherClassName＆＃39;？格式拆分字符串？

Question

我有一个像header#top.header.header--show-offset这样的字符串，我很难知道如何将它分成[ 'header', '#top', '.header', '.header--show-offset' ]

之类的字符串

谢谢！

Answer 1

您可以使用正则表达式：

＆＃13;

＆＃13;

let str ="header#top.header.header--show-offset";

// Keep the delimiter
let res = str.split(/(?=[#.])/gi);

console.log(res);

＆＃13;

＆＃13;

＆＃13;

Answer 2

我会分两步完成：

1. 用逗号替换id和class符号，然后用符号
替换
2. 用逗号分隔结果字符串
＆＃13;
＆＃13;
var selectorString = "header#top.header.header--show-offset";
selectorString = selectorString.replace(/#/g, ",#")
selectorString = selectorString.replace(/\./g, ",.");
var selectorList = selectorString.split(",");
console.log(selectorList);
＆＃13;
＆＃13;
＆＃13;