Question

我正在尝试从此字符串中解析ID，标签文本和输入类型 OR “textarea”：

var test = "<li class="ui-state-default ui-sortable-handle"><label for="test1_1447826909520">test 1:</label> <input type="text" id="test1_1447826909520"></li><li class="ui-state-default ui-sortable-handle"><label for="test2_1447826918566">test 2:</label> <textarea id="test2_1447826918566" style="vertical-align:top;"></textarea></li><li class="ui-state-default ui-sortable-handle"><label for="test3_1447826926580">test 3:</label> <input type="number" id="test3_1447826926580"></li><li class="ui-state-default ui-sortable-handle"><label for="test4_1447826935118">test 4:</label> <input type="url" id="test4_1447826935118"></li><li class="ui-state-default ui-sortable-handle"><label for="test5_1447826944391">test 5:</label> <input type="email" id="test5_1447826944391"></li><li class="ui-state-default ui-sortable-handle"><label for="test6_1447826954174">test 6:</label> <input type="tel" id="test6_1447826954174"></li>"

这是我的正则表达式：

var re = /r="(.+?)">(.+?):.+?(?:pe="(.+?)"|(textarea))/gi

我这样执行：

while ((matches = re.exec(test)) !== null) {
     console.log(matches[1]+', '+matches[2]+', '+matches[3]);
}

结果如下：

test1_1447826909520, test 1, text
test2_1447826918566, test 2, undefined // <---------
test3_1447826926580, test 3, number
test4_1447826935118, test 4, url
test5_1447826944391, test 5, email
test6_1447826954174, test 6, tel

第一个和第二个cols是好的，但第三个是我的正则表达式中的OR语句的结果 - (?:pe="(.+?)"|(textarea))

它只会捕获第一个表达式。

第二行的结果是未定义的，因为它是“textarea”。如果我在OR中切换表达式，则“textarea”显示，其余的未定义。

我哪里出错？

Answer 1

这里有两个捕获组：

 (?:pe="(.+?)"|(textarea))
group 3-^      ^-group 4

JS正则表达式或者只选择第一个表达式

1 个答案: