JavaScript 正则表达式返回“null”

Question

我正在制作一个正则表达式来匹配 1 ul 中的所有 li 1 textarea。每次单击按钮时，它都会返回一个值null。

这是Fiddle。

这是我的function(){...} 的样子：

function doIt() {
    var input = document.getElementById("input");
    var patt = /^<ol>{1}\n+\s?[<li>\w+<\/li>]+\n+<\/ol>{1}$/;
    alert(input.value.match(patt));
} 

我真的不知道为什么patt 不起作用...

这是逻辑（用我自己的话来说）：

• ^ — 起点
• <ol>{1} — 寻找 1 <ol>
• \n+ — 查找 1 个或多个新行
• \s? — 查找 0 个或多个（可选）空格
• [<li>\w+<\/li>]+ — 查找包含 1 个或多个字符的 1 个或多个 <li></li>。
• \n+ — 查找 1 个或多个新行
• <\/ol>{1} — 寻找 1 </ol>
• $ — 终点

---

• 我希望 [<li>\w+<\/li>]+ 返回 1 个或多个类似：<li>Hello world :)</li>

基本上，任何东西都可以在<li></li>之间。

Answer 1

这是你的模式的实际作用：

^                — Maches the beginning of the string
<ol              — Matches "<ol"
>{1}             — matches ">" one time
\n+              — Matches 1 or more new lines
\s?              — Matches 1 whitespace character (optional)
[<li>\w+<\/li>]+ — Matches any of the characters in "<>A-Za-z_/" 1 or more times
\n+              — Matches 1 or more new lines
<\/ol            — Matches "</ol"
>{1}             — Matches ">" one time
$                — Matches the end of the string

当您匹配字符串的开头和结尾时，模式必须匹配整个字符串，而不是字符串的一部分。

如果你只把这个放在 textarea 中，模式会匹配它：

<ol>
<li>Helloworld</li><li>Hellohowareyou</li><li>good</li>
</ol>

你宁愿想要这样的东西：

var patt = /<ol>\s*(?:<li>[\w !:)]+<\/li>\s*)+<\/ol>/;

解释：

<ol>             — Matches "<ol>"
\s*              — Matches zero or more whitespace characters (including newlines)
(?:              — Starts a non-capturing group
<li>             — Matches "<li>"
[\w+ !:)]+       — Matches any of the characters in "A-Za-z_ !:)" 1 or more times
<\/li>           — Matches "</li>"
\s*              — Matches zero or more whitespace characters
)                — Ends the group
+                — Repeats the group one or more times
\n+              — Matches 1 or more new lines
<\/ol>           — Matches "</ol>"

演示：http://jsfiddle.net/3jthN/2/

Answer 2

方括号表示匹配括号之间的任何单个字符。

您想将<li> 和</li> 拉到括号外 - 类似于\<li\>.*\<\\li\>。