javascript - 正则表达式匹配 URL 以包含/wp-content/

Question

我需要检查包含/wp-content/的 anchor 路径。

例如，<a href="http://domain.com/wp-content/...">Link1</a>

在这种情况下，RegExp 必须将模式与 url 匹配并返回数组中的字符串

['http://domain.com', 'domain.com', 'http://domain.com/wp-content/', '']

在我的代码中我使用了这个但是我做错了

$('a').live('click', function(e) {
     var host = thisClick.attr('href'),
         pattern = /(?:https?:\/\/)?(?:www\.)?(.*?)?(\/wp-content\/)?\//,
         matchReg = host.match(pattern);
});

上行代码有什么问题？

Answer 1

看看当您应用正则表达式时会发生什么:

1. 第一个字符，< , 与 h 不匹配在 (?:https?:\/\/)? .继续前进。
2. 不匹配w在 (?:www\.)? , 继续前进
3. 是否匹配.在 (.*?)?
4. 只要不匹配/，量词就会继续或 /wp-content/
5. 你最终得到 <a href="http:/匹配。

您不能将所有内容设为可选，或者正则表达式无法使用任何 anchor 来到达 URL 的开头。如果您试图始终匹配 <a> 中的内容标记，尝试:

/href="(((?:https?:\/\/)?(?:www\.)?(.*?)?)\/wp-content\//

• 非可选 /wp-content/ ，这是您的标准。
• wp-content/ 之后没有额外的正斜杠
• 第一组将捕获http://domain.com/wp-content/ , 第二 http://domain.com , 第三 domain.com
• 在这里进行有趣的演示:http://regex101.com/r/lF5qO7