JQuery/Javascript&；一分为二？

警告：作为一名业余爱好者，我缺乏准确描述我的问题的词汇。请容忍我

假设我有一个字符串，如下所示：

A1%%A2%%A3%%A4 | B1%%B2%%B3%%B4 | C1%%C2%%C3%%C4 | D1%%D2%%D3%%D4

我希望使用JavaScript/JQuery将其拆分两次（使用“| |”和“%”作为分隔符），并将以下HTML作为输出：

<p><input value="A1"></input><input value="A2"></input><input value="A3"></input><input value="A4"></input></p>
<p><input value="B1"></input><input value="B2"></input><input value="B3"></input><input value="B4"></input></p>
<p><input value="C1"></input><input value="C2"></input><input value="C3"></input><input value="C4"></input></p>
<p><input value="D1"></input><input value="D2"></input><input value="D3"></input><input value="D4"></input></p>

---

我知道如何进行基本的拆分和合并，但这超出了我的理解。

您可以使用

替换


函数拆分字符串（匹配，部分）{
开关（部分）{
案例“%”：
return'>
\n您可以使用类似的方法

s = "A1%%A2%%A3%%A4||B1%%B2%%B3%%B4||C1%%C2%%C3%%C4||D1%%D2%%D3%%D4"; 
s2 = s.split("||");  
s2.forEach(function(item){ 
  s3 = item.split("%%"); 
  s3.forEach(function(item2){ 
       console.log(item2); 
  }); 
});

所有分割连接。它会很快

var str = 'A1%%A2%%A3%%A4||B1%%B2%%B3%%B4||C1%%C2%%C3%%C4||D1%%D2%%D3%%D4',
    result = str.split('||').join('"></input></p>\n<p><input value="');

result = '<p><input value="'+
        result.split('%%').join('"></input><input value="')+
        '"></input></p>';

console.log(result);
//or
//alert(result);
//

var str='A1%%A2%%A3%%A4 | B1%%B2%%B3%%B4 | C1%%C2%%C3%%C4 | D1%%D2%%D3%%D4'，
result=str.split（“| |”）。join（“”>
\nfor循环可能是有序的。
var result = str.split('||').join('><');
result = str.split('%%').join('><');