您现在的位置是：首页 > Javascript
当前栏目
javascript 正则相关的简单应用
2023-02-18 16:29:49 时间
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<script type="text/javascript">
/*美妆个护分类信息，采集自京东美妆频道，有了基础信息，我们就可以开始提取我们想要的数据了*/
//取到的数据，没错，这是一段html源码，而我们想要的只是一些分类信息的标签，手动处理数据？估计眼睛得看花吧，于是借助JS来帮助我们。
/*
* 提示：该行代码过长，系统自动注释不进行高亮。一键复制会移除系统注释
* var str = '<div class="sub-menu" style="display: none;"><div class="item fore1" style="display: none;"><div class="i-ext"><a target="_blank" title="lululun" href="https://lululun.jd.hk/" clstag="channel|keycount|3369|NAV1_3_1">lululun</a><a target="_blank" title="SK-II" href="https://mall.jd.com/index-1000009821.html" clstag="channel|keycount|3369|NAV1_3_1">SK-II</a><atarget="_blank" title="施华蔻" href="https://mall.jd.com/index-1000072661.html" clstag="channel|keycount|3369|NAV1_3_1">施华蔻</a><a target="_blank" title="沙宣" href="https://mall.jd.com/index-1000003063.html" clstag="channel|keycount|3369|NAV1_3_1">沙宣</a><a target="_blank" title="羽西" href="//mall.jd.com/index-1000002744.html" clstag="channel|keycount|3369|NAV1_3_1">羽西</a><atarget="_blank" title="韩束" href="//mall.jd.com/index-1000003218.html" clstag="channel|keycount|3369|NAV1_3_1">韩束</a><a target="_blank" title="蜜丝佛陀" href="https://sale.jd.com/act/zCwkx5qEp0Ln7R4.html" clstag="channel|keycount|3369|NAV1_3_1">蜜丝佛陀</a><a target="_blank" title="六神" href="https://mall.jd.com/index-1000014642.html" clstag="channel|keycount|3369|NAV1_3_1">六神</a><atarget="_blank" title="古驰" href="//sale.jd.com/act/6DbZFhafw7c.html" clstag="channel|keycount|3369|NAV1_3_1">古驰</a><a target="_blank" title="云南白药" href="https://mall.jd.com/index-1000013741.html" clstag="channel|keycount|3369|NAV1_3_1">云南白药</a><a target="_blank" title="美肤宝" href="//sale.jd.com/act/HvsintCAdI.html" clstag="channel|keycount|3369|NAV1_3_1">美肤宝</a><atarget="_blank" title="阿芙" href="//afuvip.jd.com/" clstag="channel|keycount|3369|NAV1_3_1">阿芙</a><a target="_blank" title="一叶子" href="https://sale.jd.com/act/eUkNQxjcqdo.html" clstag="channel|keycount|3369|NAV1_3_1">一叶子</a><a target="_blank" title="雅诗兰黛" href="https://sale.jd.com/act/0bpnNmDuqHTE.html" clstag="channel|keycount|3369|NAV1_3_1">雅诗兰黛</a><atarget="_blank" title="雅漾" href="https://mall.jd.com/index-1000007503.html" clstag="channel|keycount|3369|NAV1_3_1">雅漾</a><a target="_blank" title="欧诗漫" href="//osmshop.jd.com/" clstag="channel|keycount|3369|NAV1_3_1">欧诗漫</a><a target="_blank" title="百雀羚" href="https://mall.jd.com/index-1000003015.html?cpdad=1DLSUE" clstag="channel|keycount|3369|NAV1_3_1">百雀羚</a><atarget="_blank" title="欧诗漫" href="//sale.jd.com/act/SVLziDTbx6ap.html" clstag="channel|keycount|3369|NAV1_3_1">欧诗漫</a><a target="_blank" title="妮维雅" href="https://sale.jd.com/act/SGaClqTWyEXvk3ZF.html" clstag="channel|keycount|3369|NAV1_3_1">妮维雅</a><a target="_blank" title="兰芝" href="//mall.jd.com/index-1000002576.html" clstag="channel|keycount|3369|NAV1_3_1">兰芝</a><divclass="clear"></div></div><div class="i-img"><a target="_blank" href="//lucenbase.jd.com/" clstag="channel|keycount|3369|NAV1_4_1"><img alt="1" src="//img11.360buyimg.com/cms/jfs/t5683/354/9560999994/5940/5b05193e/5987e580N92547a7b.jpg" width="98" height="98"></a></div></div><div class="item fore2" style="display: none;"><div class="i-ext"><a target="_blank" title="抗皱" href="https://search.jd.com/Search?keyword=%E6%8A%97%E7%9A%B1&enc=utf-8&wq=%E6%8A%97%E7%9A%B1&pvid=0a3f875572f046d3a18c71a0bfcc683a" clstag="channel|keycount|3369|NAV1_3_2">抗皱</a><a target="_blank" title="止痒洗发水"href="https://search.jd.com/Search?keyword=%E6%AD%A2%E7%97%92%E6%B4%97%E5%8F%91%E6%B0%B4&enc=utf-8&suggest=6.def.0.T03&wq=%E6%AD%A2%E7%97%92&pvid=03f7438dd3274a9aaa5c70f41be46df7https://search.jd.com/Search?keyword=%E6%AD%A2%E7%97%92%E6%B4%97%E5%8F%91%E6%B0%B4&enc=utf-8&suggest=6.def.0.T03&wq=%E6%AD%A2%E7%97%92&pvid=03f7438dd3274a9aaa5c70f41be46df7"clstag="channel|keycount|3369|NAV1_3_2">止痒洗发水</a><a target="_blank" title="防脱" href="https://list.jd.com/list.html?cat=1316,1386,11922&ev=2298_17455&sort=sort_totalsales15_desc&trans=1&JL=3_%E5%8A%9F%E6%95%88_%E9%98%B2%E8%84%B1#J_crumbsBar"clstag="channel|keycount|3369|NAV1_3_2">防脱</a><a target="_blank" title="去屑" href="https://search.jd.com/Search?keyword=%E5%8E%BB%E5%B1%91%E6%B4%97%E5%8F%91%E6%B0%B4&enc=utf-8&suggest=2.def.0.T03&wq=%E5%8E%BB%E5%B1%91&pvid=d85c69cc4b3342dbbd4ae9bf07671a5f"clstag="channel|keycount|3369|NAV1_3_2">去屑</a><a target="_blank" title="保湿" href="//coll.jd.com/list.html?sub=12097" clstag="channel|keycount|3369|NAV1_3_2">保湿</a><a target="_blank" title="无硅油" href="https://search.jd.com/Search?keyword=%E6%B4%97%E5%8F%91%E6%B0%B4%20%E6%97%A0%E7%A1%85%E6%B2%B9&enc=utf-8&suggest=1.his.0.0&wq=&pvid=65b7dbd40871425589c17c13b5beda26"clstag="channel|keycount|3369|NAV1_3_2">无硅油</a><a target="_blank" title="防晒隔离" href="https://list.jd.com/list.html?cat=1316,1381,13548" clstag="channel|keycount|3369|NAV1_3_2">防晒隔离</a><a target="_blank" title="滋润" href="//search.jd.com/Search?keyword=%E6%BB%8B%E6%B6%A6%E6%B4%97%E5%8F%91%E6%B0%B4&enc=utf-8&suggest=3.def.0.T03&wq=%E6%BB%8B%E6%B6%A6&pvid=526f89a36cfa4d2cabd8aa17a2042f79"clstag="channel|keycount|3369|NAV1_3_2">滋润</a><a target="_blank" title="滋润" href="//coll.jd.com/list.html?sub=12903" clstag="channel|keycount|3369|NAV1_3_2">滋润</a><a target="_blank" title="柔顺" href="//search.jd.com/Search?keyword=%E6%9F%94%E9%A1%BA%E6%B4%97%E5%8F%91%E6%B0%B4&enc=utf-8&suggest=7.def.0.T03&wq=%E6%9F%94%E9%A1%BA&pvid=50dd75b70642438084bf5202e976511b"clstag="channel|keycount|3369|NAV1_3_2">柔顺</a><a target="_blank" title="修复" href="//coll.jd.com/list.html?sub=12031" clstag="channel|keycount|3369|NAV1_3_2">修复</a><a target="_blank" title="去油" href="//search.jd.com/Search?keyword=%E5%8E%BB%E6%B2%B9%E6%B4%97%E5%8F%91%E6%B0%B4&enc=utf-8&wq=%E5%8E%BB%E6%B2%B9%E6%B4%97%E5%8F%91%E6%B0%B4&pvid=674b203a9dd4461da97bdd46d6c76e35"clstag="channel|keycount|3369|NAV1_3_2">去油</a><a target="_blank" title="抗敏感" href="//coll.jd.com/list.html?sub=12080" clstag="channel|keycount|3369|NAV1_3_2">抗敏感</a><a target="_blank" title="深层修护洗发水" href="https://search.jd.com/Search?keyword=%E6%B7%B1%E5%B1%82%E4%BF%AE%E6%8A%A4%E6%B4%97%E5%8F%91%E6%B0%B4&enc=utf-8&wq=%E6%B7%B1%E5%B1%82%E4%BF%AE%E6%8A%A4%E6%B4%97%E5%8F%91%E6%B0%B4&pvid=81a64af9499346e2a8bc9b4c67ac1b7f"clstag="channel|keycount|3369|NAV1_3_2">深层修护洗发水</a><a target="_blank" title="收缩毛孔" href="//coll.jd.com/list.html?sub=12084" clstag="channel|keycount|3369|NAV1_3_2">收缩毛孔</a><a target="_blank" title="护发素" href="https://search.jd.com/Search?keyword=%E6%8A%A4%E5%8F%91%E7%B4%A0&enc=utf-8&spm=2.1.6"clstag="channel|keycount|3369|NAV1_3_2">护发素</a><a target="_blank" title="舒缓肌肤" href="//coll.jd.com/list.html?sub=12094" clstag="channel|keycount|3369|NAV1_3_2">舒缓肌肤</a><a target="_blank" title="发泥" href="https://search.jd.com/Search?keyword=%E5%8F%91%E6%B3%A5&enc=utf-8&suggest=1.def.0.T03&wq=fani&pvid=3b555146988b48cd9650c0a1295d708a"clstag="channel|keycount|3369|NAV1_3_2">发泥</a><a target="_blank" title="抗痘" href="//coll.jd.com/list.html?sub=12132" clstag="channel|keycount|3369|NAV1_3_2">抗痘</a><a target="_blank" title="啫喱水" href="https://search.jd.com/Search?keyword=%E5%95%AB%E5%96%B1%E6%B0%B4&enc=utf-8&wq=%E5%95%AB%E5%96%B1%E6%B0%B4&pvid=4c61f679afbd4418970d128a8898dcd4"clstag="channel|keycount|3369|NAV1_3_2">啫喱水</a><a target="_blank" title="去黑头" href="//coll.jd.com/list.html?sub=12139" clstag="channel|keycount|3369|NAV1_3_2">去黑头</a><a target="_blank" title="染烫修护" href="https://search.jd.com/Search?keyword=%E6%9F%93%E7%83%AB%E4%BF%AE%E6%8A%A4&enc=utf-8&wq=%E6%9F%93%E7%83%AB%E4%BF%AE%E6%8A%A4&pvid=140e300c5dd4444c980d3a3bf4253187"clstag="channel|keycount|3369|NAV1_3_2">染烫修护</a><div class="clear"></div></div><div class="i-img"><a target="_blank" href="//oshadhi.jd.com/" clstag="channel|keycount|3369|NAV1_4_1"><img alt="11" src="//img11.360buyimg.com/cms/jfs/t7045/230/2090350363/38996/28bee27b/5989103aN3b0513df.jpg" width="98" height="98"></a></div></div><div class="item fore3" style="display: none;"><div class="i-ext"><a target="_blank" title="洁面" href="https://list.jd.com/list.html?cat=1316,1381,1389" clstag="channel|keycount|3369|NAV1_3_3">洁面</a><a target="_blank" title="面膜" href="https://list.jd.com/list.html?cat=1316,1381,1392" clstag="channel|keycount|3369|NAV1_3_3">面膜</a><atarget="_blank" title="爽肤水" href="https://list.jd.com/list.html?cat=1316,1381,1390" clstag="channel|keycount|3369|NAV1_3_3">爽肤水</a><a target="_blank" title="眼霜" href="https://list.jd.com/list.html?cat=1316,1381,13547" clstag="channel|keycount|3369|NAV1_3_3">眼霜</a><a target="_blank" title="男士洁面" href="//coll.jd.com/list.html?sub=12038" clstag="channel|keycount|3369|NAV1_3_3">男士洁面</a><atarget="_blank" title="紧肤水" href="//coll.jd.com/list.html?sub=12036" clstag="channel|keycount|3369|NAV1_3_3">紧肤水</a><a target="_blank" title="精华液" href="//coll.jd.com/list.html?sub=12057" clstag="channel|keycount|3369|NAV1_3_3">精华液</a><a target="_blank" title="肌底液" href="//coll.jd.com/list.html?sub=12061" clstag="channel|keycount|3369|NAV1_3_3">肌底液</a><a target="_blank"title="眼部啫喱" href="//coll.jd.com/list.html?sub=12063" clstag="channel|keycount|3369|NAV1_3_3">眼部啫喱</a><a target="_blank" title="乳液" href="//coll.jd.com/list.html?sub=12064" clstag="channel|keycount|3369|NAV1_3_3">乳液</a><a target="_blank" title="日霜" href="//coll.jd.com/list.html?sub=12065"clstag="channel|keycount|3369|NAV1_3_3">日霜</a><a target="_blank" title="晚霜 " href="//coll.jd.com/list.html?sub=12066" clstag="channel|keycount|3369|NAV1_3_3">晚霜 </a><a target="_blank" title="喷雾" href="//coll.jd.com/list.html?sub=12067" clstag="channel|keycount|3369|NAV1_3_3">喷雾</a><atarget="_blank" title="免洗面膜" href="//coll.jd.com/list.html?sub=12068" clstag="channel|keycount|3369|NAV1_3_3">免洗面膜</a><a target="_blank" title="眼膜" href="//coll.jd.com/list.html?sub=12071" clstag="channel|keycount|3369|NAV1_3_3">眼膜</a><a target="_blank" title="精油" href="//coll.jd.com/list.html?sub=12126" clstag="channel|keycount|3369|NAV1_3_3">精油</a><a target="_blank"title="手工皂" href="//coll.jd.com/list.html?sub=12144" clstag="channel|keycount|3369|NAV1_3_3">手工皂</a><a target="_blank" title="晒后修复" href="//coll.jd.com/list.html?sub=12116" clstag="channel|keycount|3369|NAV1_3_3">晒后修复</a><a target="_blank" title="防晒喷雾"href="//coll.jd.com/list.html?sub=12113" clstag="channel|keycount|3369|NAV1_3_3">防晒喷雾</a><a target="_blank" title="护肤套装" href="//coll.jd.com/list.html?sub=12117" clstag="channel|keycount|3369|NAV1_3_3">护肤套装</a><a target="_blank" title="身体套装" href="//coll.jd.com/list.html?sub=12129"clstag="channel|keycount|3369|NAV1_3_3">身体套装</a><a target="_blank" title="眼部套装" href="//coll.jd.com/list.html?sub=12150" clstag="channel|keycount|3369|NAV1_3_3">眼部套装</a><div class="clear"></div></div><div class="i-img"><a target="_blank" href="https://mall.jd.com/index-1000085682.html" clstag="channel|keycount|3369|NAV1_4_1"><img alt="1" src="//img11.360buyimg.com/cms/jfs/t5743/314/5129573854/6480/3c448097/595b4b33Nc782a00c.jpg" width="98" height="98"></a></div></div><div class="item fore4" style="display: none;"><div class="i-ext"><a target="_blank" title="浴盐" href="https://search.jd.com/Search?keyword=%E6%B5%B4%E7%9B%90&enc=utf-8" clstag="channel|keycount|3369|NAV1_3_4">浴盐</a><a target="_blank" title="舒肤佳" href="https://mall.jd.com/index-1000003051.html" clstag="channel|keycount|3369|NAV1_3_4">舒肤佳</a><atarget="_blank" title="玉兰油" href="https://mall.jd.com/index-1000003052.html" clstag="channel|keycount|3369|NAV1_3_4">玉兰油</a><a target="_blank" title="力士" href="https://list.jd.com/list.html?cat=1316,1383,1401&ev=exbrand_22194&sort=sort_totalsales15_desc&trans=1&JL=3_%E5%93%81%E7%89%8C_%E5%8A%9B%E5%A3%AB%EF%BC%88LUX%EF%BC%89#J_crumbsBar" clstag="channel|keycount|3369|NAV1_3_4">力士</a><atarget="_blank" title="手足" href="https://search.jd.com/search?keyword=%E6%B2%90%E6%B5%B4&enc=utf-8&qrst=1&rt=1&stop=1&vt=2&wq=%E6%B2%90%E6%B5%B4&cid3=2562#J_searchWrap" clstag="channel|keycount|3369|NAV1_3_4">手足</a><a target="_blank" title="六神" href="https://search.jd.com/search?keyword=%E6%B2%90%E6%B5%B4&enc=utf-8&qrst=1&rt=1&stop=1&vt=2&wq=%E6%B2%90%E6%B5%B4&ev=exbrand_%E5%85%AD%E7%A5%9E%40&uc=0#J_searchWrap" clstag="channel|keycount|3369|NAV1_3_4">六神</a><atarget="_blank" title="薰衣草沐浴露" href="https://search.jd.com/Search?keyword=%E8%96%B0%E8%A1%A3%E8%8D%89%E6%B2%90%E6%B5%B4&enc=utf-8&wq=%E8%96%B0%E8%A1%A3%E8%8D%89%E6%B2%90%E6%B5%B4&pvid=a32abc5acc4a4fd79ba44024dcb670e5" clstag="channel|keycount|3369|NAV1_3_4">薰衣草沐浴露</a><a target="_blank" title="滴露" href="https://search.jd.com/search?keyword=%E6%B2%90%E6%B5%B4&enc=utf-8&qrst=1&rt=1&stop=1&vt=2&ev=exbrand_%E6%BB%B4%E9%9C%B2%EF%BC%88Dettol%EF%BC%89%40&uc=0#J_searchWrap" clstag="channel|keycount|3369|NAV1_3_4">滴露</a><atarget="_blank" title="套装" href="https://search.jd.com/search?keyword=%E6%B2%90%E6%B5%B4&enc=utf-8&qrst=1&rt=1&stop=1&vt=2&wq=%E6%B2%90%E6%B5%B4&cid3=11929#J_searchWrap" clstag="channel|keycount|3369|NAV1_3_4">套装</a><a target="_blank" title="抑菌洗手液" href="https://search.jd.com/Search?keyword=%E6%8A%91%E8%8F%8C%E6%B4%97%E6%89%8B%E6%B6%B2&enc=utf-8&wq=%E6%8A%91%E8%8F%8C%E6%B4%97%E6%89%8B%E6%B6%B2&pvid=52028884516849d9bc85aa4595230b7a" clstag="channel|keycount|3369|NAV1_3_4">抑菌洗手液</a><atarget="_blank" title="可悠然" href="https://mall.jd.com/index-1000003533.html" clstag="channel|keycount|3369|NAV1_3_4">可悠然</a><a target="_blank" title="沐浴乳" href="https://search.jd.com/Search?keyword=%E6%B2%90%E6%B5%B4%E4%B9%B3&enc=utf-8&wq=%E6%B2%90%E6%B5%B4%E4%B9%B3&pvid=1d6dd287a8f94d74b34c1277b323ef4c" clstag="channel|keycount|3369|NAV1_3_4">沐浴乳</a><atarget="_blank" title="纯白清香" href="https://search.jd.com/Search?keyword=%E7%BA%AF%E7%99%BD%E6%B8%85%E9%A6%99&enc=utf-8&wq=%E7%BA%AF%E7%99%BD%E6%B8%85%E9%A6%99&pvid=8cb2070cb79e4e32a225c44cbf9c762d" clstag="channel|keycount|3369|NAV1_3_4">纯白清香</a><a target="_blank" title="凌仕" href="https://mall.jd.com/index-1000003663.html" clstag="channel|keycount|3369|NAV1_3_4">凌仕</a><a target="_blank" title="磨砂浴盐" href="https://search.jd.com/Search?keyword=%E7%A3%A8%E7%A0%82%2F%E6%B5%B4%E7%9B%90&enc=utf-8&wq=%E7%A3%A8%E7%A0%82%2F%E6%B5%B4%E7%9B%90&pvid=70fe4035bd8c41c286b72936f097f0cf"clstag="channel|keycount|3369|NAV1_3_4">磨砂浴盐</a><div class="clear"></div></div><div class="i-img"><a target="_blank" href="//sale.jd.com/act/3hG4LEJonVvbU2C.html" clstag="channel|keycount|3369|NAV1_4_1"><img alt="身体护理添乐" src="//img14.360buyimg.com/cms/jfs/t5980/176/8513957102/13038/a23240b5/5987c4c6N0ae8cb73.jpg" width="98" height="98"></a></div></div><div class="item fore5" style="display: none;"><div class="i-ext"><a target="_blank" title="控油" href="https://search.jd.com/Search?keyword=%E6%8E%A7%E6%B2%B9&enc=utf-8&qr=&qrst=UNEXPAND&et=&rt=1&cid2=1386&click=2-1386" clstag="channel|keycount|3369|NAV1_3_5">控油</a><a target="_blank" title="造型"href="https://list.jd.com/list.html?cat=1316,1386,11925" clstag="channel|keycount|3369|NAV1_3_5">造型</a><a target="_blank" title="秀发能量水" href="https://search.jd.com/Search?keyword=%E6%BD%98%E5%A9%B7&enc=utf-8&wq=%E6%BD%98%E5%A9%B7&pvid=906807ac958a4f169d7af3498abb9a43"clstag="channel|keycount|3369|NAV1_3_5">秀发能量水</a><a target="_blank" title="补水" href="https://search.jd.com/search?keyword=%E6%B4%97%E5%8F%91%E6%B0%B4&enc=utf-8&qrst=1&rt=1&stop=1&vt=2&wq=%E6%B4%97%E5%8F%91%E6%B0%B4&ev=2298_17440%40&uc=0#J_searchWrap"clstag="channel|keycount|3369|NAV1_3_5">补水</a><a target="_blank" title="深层修复" href="https://search.jd.com/search?keyword=%E6%B4%97%E5%8F%91%E6%B0%B4&enc=utf-8&qrst=1&rt=1&stop=1&vt=2&wq=%E6%B4%97%E5%8F%91%E6%B0%B4&ev=2298_82740%40&uc=0#J_searchWrap"clstag="channel|keycount|3369|NAV1_3_5">深层修复</a><a target="_blank" title="清爽" href="https://search.jd.com/search?keyword=%E6%B4%97%E5%8F%91%E6%B0%B4&enc=utf-8&qrst=1&rt=1&stop=1&vt=2&wq=%E6%B4%97%E5%8F%91%E6%B0%B4&ev=2298_69583%40&uc=0#J_searchWrap"clstag="channel|keycount|3369|NAV1_3_5">清爽</a><a target="_blank" title="滋养" href="https://search.jd.com/search?keyword=%E6%B4%97%E5%8F%91%E6%B0%B4&enc=utf-8&qrst=1&rt=1&stop=1&vt=2&wq=%E6%B4%97%E5%8F%91%E6%B0%B4&ev=2298_17425%40&uc=0#J_searchWrap"clstag="channel|keycount|3369|NAV1_3_5">滋养</a><a target="_blank" title="防脱" href="https://search.jd.com/search?keyword=%E6%B4%97%E5%8F%91%E6%B0%B4&enc=utf-8&qrst=1&rt=1&stop=1&vt=2&wq=%E6%B4%97%E5%8F%91%E6%B0%B4&ev=2298_17455%40&uc=0#J_searchWrap"clstag="channel|keycount|3369|NAV1_3_5">防脱</a><a target="_blank" title="丰盈蓬松" href="https://search.jd.com/search?keyword=%E6%B4%97%E5%8F%91%E6%B0%B4&enc=utf-8&qrst=1&rt=1&stop=1&vt=2&wq=%E6%B4%97%E5%8F%91%E6%B0%B4&ev=2298_82750%40&uc=0#J_searchWrap"clstag="channel|keycount|3369|NAV1_3_5">丰盈蓬松</a><a target="_blank" title="保湿" href="https://search.jd.com/search?keyword=%E6%B4%97%E5%8F%91%E6%B0%B4&enc=utf-8&qrst=1&rt=1&stop=1&vt=2&wq=%E6%B4%97%E5%8F%91%E6%B0%B4&ev=2298_17419%40&uc=0#J_searchWrap"clstag="channel|keycount|3369|NAV1_3_5">保湿</a><a target="_blank" title="去屑" href="https://search.jd.com/search?keyword=%E6%B4%97%E5%8F%91%E6%B0%B4&enc=utf-8&qrst=1&rt=1&stop=1&vt=2&wq=%E6%B4%97%E5%8F%91%E6%B0%B4&ev=2298_17454%40&uc=0#J_searchWrap"clstag="channel|keycount|3369|NAV1_3_5">去屑</a><a target="_blank" title="止痒" href="https://search.jd.com/search?keyword=%E6%B4%97%E5%8F%91%E6%B0%B4&enc=utf-8&qrst=1&rt=1&stop=1&vt=2&wq=%E6%B4%97%E5%8F%91%E6%B0%B4&ev=2298_69415%40&uc=0#J_searchWrap"clstag="channel|keycount|3369|NAV1_3_5">止痒</a><a target="_blank" title="柔顺" href="https://search.jd.com/search?keyword=%E6%B4%97%E5%8F%91%E6%B0%B4&enc=utf-8&qrst=1&rt=1&stop=1&vt=2&wq=%E6%B4%97%E5%8F%91%E6%B0%B4&ev=2298_91763%40&uc=0#J_searchWrap"clstag="channel|keycount|3369|NAV1_3_5">柔顺</a><a target="_blank" title="染烫修复" href="https://search.jd.com/search?keyword=%E6%B4%97%E5%8F%91%E6%B0%B4&enc=utf-8&qrst=1&rt=1&stop=1&vt=2&wq=%E6%B4%97%E5%8F%91%E6%B0%B4&ev=2298_82744%40&uc=0#J_searchWrap"clstag="channel|keycount|3369|NAV1_3_5">染烫修复</a><a target="_blank" title="洗发" href="https://search.jd.com/search?keyword=%E6%B4%97%E5%8F%91%E6%B0%B4&enc=utf-8&qrst=1&rt=1&stop=1&vt=2&wq=%E6%B4%97%E5%8F%91%E6%B0%B4&cid3=11922#J_searchWrap"clstag="channel|keycount|3369|NAV1_3_5">洗发</a><div class="clear"></div></div><div class="i-img"><a target="_blank" href="//mall.jd.com/index-1000007666.html" clstag="channel|keycount|3369|NAV1_4_1"><img alt="云南白药" src="//img10.360buyimg.com/cms/jfs/t6877/144/1978944470/12474/8229a0d0/5987d5d9N07a51bd2.jpg" width="98" height="98"></a></div></div><div class="item fore6" style="display: none;"><div class="i-ext"><a target="_blank" title="佳洁士" href="https://search.jd.com/Search?keyword=%E4%BD%B3%E6%B4%81%E5%A3%AB&enc=utf-8&wq=jiajieshi&pvid=613cda4e2ec849c6b8e615c780e1663e" clstag="channel|keycount|3369|NAV1_3_6">佳洁士</a><a target="_blank" title="云南白药"href="https://search.jd.com/Search?keyword=%E4%BA%91%E5%8D%97%E7%99%BD%E8%8D%AF&enc=utf-8&wq=%E4%BD%B3%E6%B4%81%E5%A3%AB&pvid=45d43bad9f2f43d382c5be8e45826c89" clstag="channel|keycount|3369|NAV1_3_6">云南白药</a><a target="_blank" title="黑人" href="https://search.jd.com/Search?keyword=%E9%BB%91%E4%BA%BA&enc=utf-8&wq=%E9%BB%91%E4%BA%BA&pvid=baf451b195c34f00b63d09f87c942e73"clstag="channel|keycount|3369|NAV1_3_6">黑人</a><a target="_blank" title="高露洁" href="https://search.jd.com/Search?keyword=%E9%AB%98%E9%9C%B2%E6%B4%81&enc=utf-8&wq=gaolujie&pvid=bcb7b185c53846fc95a3b969cfdb34fa" clstag="channel|keycount|3369|NAV1_3_6">高露洁</a><atarget="_blank" title="舒适达" href="https://search.jd.com/Search?keyword=%E8%88%92%E9%80%82%E8%BE%BE&enc=utf-8&wq=%E8%88%92%E9%80%82%E8%BE%BE&pvid=629454ee4095455d95cc9aac68fbb8db" clstag="channel|keycount|3369|NAV1_3_6">舒适达</a><a target="_blank" title="狮王" href="https://search.jd.com/Search?keyword=%E7%8B%AE%E7%8E%8B&enc=utf-8&wq=%E7%8B%AE%E7%8E%8B&pvid=e080ccdae54e46458f0e7ff4f2d4b68a" clstag="channel|keycount|3369|NAV1_3_6">狮王</a><a target="_blank" title="李施德林"href="https://search.jd.com/Search?keyword=%E6%9D%8E%E6%96%BD%E5%BE%B7%E6%9E%97&enc=utf-8&wq=%E6%9D%8E%E6%96%BD%E5%BE%B7%E6%9E%97&pvid=dc3ddb9b9c46466da0117498eea99536" clstag="channel|keycount|3369|NAV1_3_6">李施德林</a><a target="_blank" title="LG竹盐"href="https://search.jd.com/Search?keyword=LG%E7%AB%B9%E7%9B%90&enc=utf-8&pvid=d113759a372045e48cfff11aa6cdab4c" clstag="channel|keycount|3369|NAV1_3_6">LG竹盐</a><a target="_blank" title="皓乐齿" href="https://search.jd.com/Search?keyword=%E7%9A%93%E4%B9%90%E9%BD%BF&enc=utf-8&pvid=f5f37ca1e0614181aabd0eeb1ee7682d"clstag="channel|keycount|3369|NAV1_3_6">皓乐齿</a><a target="_blank" title="舒客" href="https://search.jd.com/Search?keyword=%E8%88%92%E5%AE%A2&enc=utf-8&pvid=bdf7e439e0324c80a7ec6fcda0eae983" clstag="channel|keycount|3369|NAV1_3_6">舒客</a><a target="_blank"title="中华" href="https://search.jd.com/Search?keyword=%E4%B8%AD%E5%8D%8E&enc=utf-8&pvid=931bdf4bcc82496ab3cbc4e1990725d9" clstag="channel|keycount|3369|NAV1_3_6">中华</a><a target="_blank" title="奈森克林" href="https://search.jd.com/Search?keyword=%E5%A5%88%E6%A3%AE%E5%85%8B%E6%9E%97&enc=utf-8&pvid=cbac761ee1d0414a8597109df8630152"clstag="channel|keycount|3369|NAV1_3_6">奈森克林</a><a target="_blank" title="纳美" href="https://search.jd.com/Search?keyword=%E7%BA%B3%E7%BE%8E&enc=utf-8&pvid=8cc3f966cfcd4734b2ebb6ef70c61a49" clstag="channel|keycount|3369|NAV1_3_6">纳美</a><a target="_blank"title="保丽净" href="https://search.jd.com/Search?keyword=%E4%BF%9D%E4%B8%BD%E5%87%80&enc=utf-8&pvid=215a5b72783e48e0820acb567bc7060d" clstag="channel|keycount|3369|NAV1_3_6">保丽净</a><div class="clear"></div></div><div class="i-img"><a target="_blank" href="https://shiwang.jd.com/" clstag="channel|keycount|3369|NAV1_4_1"><img alt="狮王" src="//img10.360buyimg.com/cms/jfs/t5749/244/4824184484/10486/c5d71ee0/5953706aN744e6d8b.png" width="98" height="98"></a></div></div><div class="item fore7" style="display: none;"><div class="i-ext"><a target="_blank" title="苏菲" href="https://search.jd.com/Search?keyword=%E8%8B%8F%E8%8F%B2&enc=utf-8&wq=%E8%8B%8F%E8%8F%B2&pvid=568161cb935549a3868ecd507d0bd850" clstag="channel|keycount|3369|NAV1_3_7">苏菲</a><a target="_blank" title="七度空间"href="https://search.jd.com/Search?keyword=%E4%B8%83%E5%BA%A6%E7%A9%BA%E9%97%B4&enc=utf-8&wq=%E4%B8%83%E5%BA%A6%E7%A9%BA%E9%97%B4&pvid=9d836783002b41cb8e4f069ff8dd9d55" clstag="channel|keycount|3369|NAV1_3_7">七度空间</a><a target="_blank" title="乐而雅"href="https://search.jd.com/Search?keyword=%E4%B9%90%E8%80%8C%E9%9B%85&enc=utf-8&pvid=bdc9a7c91e9743aab6c8035f36c9aa17" clstag="channel|keycount|3369|NAV1_3_7">乐而雅</a><a target="_blank" title="护舒宝" href="https://search.jd.com/Search?keyword=%E6%8A%A4%E8%88%92%E5%AE%9D&enc=utf-8&wq=%E6%8A%A4%E8%88%92%E5%AE%9D&pvid=430e047d5a1f4a75bc830391c42dfbde"clstag="channel|keycount|3369|NAV1_3_7">护舒宝</a><a target="_blank" title="ABC" href="https://search.jd.com/Search?keyword=ABC&enc=utf-8&pvid=5b157076d6f04b6eb9bb474a90c0d041" clstag="channel|keycount|3369|NAV1_3_7">ABC</a><a target="_blank" title="高洁丝"href="https://search.jd.com/Search?keyword=%E9%AB%98%E6%B4%81%E4%B8%9D&enc=utf-8&wq=%E9%AB%98%E6%B4%81%E4%B8%9D&pvid=759e1f082ace4e3f8f8f0762aaa8bd1f" clstag="channel|keycount|3369|NAV1_3_7">高洁丝</a><a target="_blank" title="洁婷" href="https://search.jd.com/Search?keyword=%E6%B4%81%E5%A9%B7&enc=utf-8&pvid=721e2c3a3a0d47b8a802b5f65376178d"clstag="channel|keycount|3369|NAV1_3_7">洁婷</a><a target="_blank" title="怡丽" href="https://search.jd.com/Search?keyword=%E6%80%A1%E4%B8%BD&enc=utf-8&wq=%E6%80%A1%E4%B8%BD&pvid=3e30feb4da794e84994cd15895c2b74d" clstag="channel|keycount|3369|NAV1_3_7">怡丽</a><atarget="_blank" title="FREE" href="https://search.jd.com/Search?keyword=FREE&enc=utf-8&wq=FREE&pvid=859294a1c0644636ad462ff34852297f" clstag="channel|keycount|3369|NAV1_3_7">FREE</a><a target="_blank" title="倍舒特" href="https://search.jd.com/Search?keyword=%E5%80%8D%E8%88%92%E7%89%B9&enc=utf-8&wq=%E5%80%8D%E8%88%92%E7%89%B9&pvid=86f4a06b2c19499f97ca76dd536a274a" clstag="channel|keycount|3369|NAV1_3_7">倍舒特</a><divclass="clear"></div></div><div class="i-img"><a target="_blank" href="https://mall.jd.com/index-33156.html" clstag="channel|keycount|3369|NAV1_4_1"><img alt="ABC" src="//img11.360buyimg.com/cms/jfs/t5758/279/4727799582/5426/e15532f2/59537094Nd0d601f1.jpg" width="98" height="98"></a></div></div><div class="item fore8" style="display: none;"><div class="i-ext"><a target="_blank" title="女士香水" href="//coll.jd.com/list.html?sub=12469" clstag="channel|keycount|3369|NAV1_3_8">女士香水</a><a target="_blank" title="男士香水" href="//coll.jd.com/list.html?sub=12472" clstag="channel|keycount|3369|NAV1_3_8">男士香水</a><a target="_blank"title="套装" href="//coll.jd.com/list.html?sub=12473" clstag="channel|keycount|3369|NAV1_3_8">套装</a><a target="_blank" title="浓香水EDT" href="//coll.jd.com/list.html?sub=12474" clstag="channel|keycount|3369|NAV1_3_8">浓香水EDT</a><a target="_blank" title="香水EDP"href="//coll.jd.com/list.html?sub=12476" clstag="channel|keycount|3369|NAV1_3_8">香水EDP</a><a target="_blank" title="香精" href="//coll.jd.com/list.html?sub=12478" clstag="channel|keycount|3369|NAV1_3_8">香精</a><a target="_blank" title="固体香水" href="//coll.jd.com/list.html?sub=12479"clstag="channel|keycount|3369|NAV1_3_8">固体香水</a><a target="_blank" title="香体乳" href="//coll.jd.com/list.html?sub=12484" clstag="channel|keycount|3369|NAV1_3_8">香体乳</a><a target="_blank" title="古龙水EDC" href="//coll.jd.com/list.html?sub=12485" clstag="channel|keycount|3369|NAV1_3_8">古龙水EDC</a><atarget="_blank" title="口红" href="//coll.jd.com/list.html?sub=12475" clstag="channel|keycount|3369|NAV1_3_8">口红</a><a target="_blank" title="底妆" href="//coll.jd.com/list.html?sub=12477" clstag="channel|keycount|3369|NAV1_3_8">底妆</a><a target="_blank" title="眉眼" href="//coll.jd.com/list.html?sub=12483" clstag="channel|keycount|3369|NAV1_3_8">眉眼</a><a target="_blank"title="BB霜/CC霜" href="//coll.jd.com/list.html?sub=12486" clstag="channel|keycount|3369|NAV1_3_8">BB霜/CC霜</a><a target="_blank" title="粉饼" href="//coll.jd.com/list.html?sub=12488" clstag="channel|keycount|3369|NAV1_3_8">粉饼</a><a target="_blank" title="眼线"href="//coll.jd.com/list.html?sub=12508" clstag="channel|keycount|3369|NAV1_3_8">眼线</a><a target="_blank" title="睫毛膏" href="//coll.jd.com/list.html?sub=12517" clstag="channel|keycount|3369|NAV1_3_8">睫毛膏</a><a target="_blank" title="腮红" href="//coll.jd.com/list.html?sub=12134"clstag="channel|keycount|3369|NAV1_3_8">腮红</a><div class="clear"></div></div><div class="i-img"><a target="_blank" href="https://sale.jd.com/act/iOTwWrhIk83Aem.html" clstag="channel|keycount|3369|NAV1_4_1"><img alt="1" src="//img10.360buyimg.com/cms/jfs/t5845/204/5122617930/8443/4f96d4b/595b6a4cNa2b5e44c.jpg" width="98" height="98"></a></div></div></div>';
*/
//分析源数据，发现我们想要的信息有这样几个类型（XXX某某，某某XXX，某某某，XXX，XXX某某/XXX某某，都被<a>标签包裹在其中那么我们就需要提取这样的数据>XXX<），写出需要的正则表达式
var reg = /\>\s*[A-Za-z]{0,}[\u4e00-\u9fa5]{1,}\/?[A-Za-z]{0,}[\u4e00-\u9fa5]{0,}\s*\<|\>\s*[A-Za-z]{1,}-?[A-Za-z]{0,}\s*\</g;
//申明一个变量，供while循环使用
var result = "";
//循环匹配分类信息的标签，exec() 方法用于检索字符串中的正则表达式的匹配。如果字符串中有匹配的值返回该匹配值，否则返回 null。
while (re = reg.exec(str)){
var res = re[0].replace(/\>|\</gi,"");//将匹配到的 >XXX< 格式数据处理成我们想要的 XXX 格式数据
result += res+"|";//加上分隔符，强制转换为字符串
}
var data = result.substr(0,result.length-1).split("|");//去掉结尾处多余的分隔符，再按指定的分隔符将字符串分隔为数组
/*
分析数组元素->
精选品牌：00-19
热门功效：20-41
面部护理：42-63
身体护理：64-78
洗发护发：79-93
口腔护理：94-107
女性护理：108-117
香水彩妆：118-134
得到了数据分组信息，那么我们想怎么操作它就看自己的意愿了，下面就简单的按组打印到页面中
*/
//精选品牌
document.write("<div><span>精选品牌：</span><li>");
for (i=0;i<=19;i++) {
if(i==19){document.write(data[i] + "</li></div>");}else{document.write(data[i] + "、");}
}
//热门功效
document.write("<div><span>热门功效：</span><li>");
for (i=20;i<=41;i++) {
if(i==41){document.write(data[i] + "</li></div>");}else{document.write(data[i] + "、");}
}
//面部护理
document.write("<div><span>面部护理：</span><li>");
for (i=42;i<=63;i++) {
if(i==63){document.write(data[i] + "</li></div>");}else{document.write(data[i] + "、");}
}
//身体护理
document.write("<div><span>身体护理：</span><li>");
for (i=64;i<=78;i++) {
if(i==78){document.write(data[i] + "</li></div>");}else{document.write(data[i] + "、");}
}
//洗发护发
document.write("<div><span>洗发护发：</span><li>");
for (i=79;i<=93;i++) {
if(i==93){document.write(data[i] + "</li></div>");}else{document.write(data[i] + "、");}
}
//口腔护理
document.write("<div><span>口腔护理：</span><li>");
for (i=94;i<=107;i++) {
if(i==107){document.write(data[i] + "</li></div>");}else{document.write(data[i] + "、");}
}
//女性护理
document.write("<div><span>女性护理：</span><li>");
for (i=108;i<=117;i++) {
if(i==117){document.write(data[i] + "</li></div>");}else{document.write(data[i] + "、");}
}
//香水彩妆
document.write("<div><span>香水彩妆：</span><li>");
for (i=118;i<=134;i++) {
if(i==134){document.write(data[i] + "</li></div>");}else{document.write(data[i] + "、");}
}
</script>本文采用 「CC BY-NC-SA 4.0」创作共享协议，转载请标注以下信息： 原文出处：Yiiven https://www.yiiven.cn/js-reg-application.html
相关文章
- js小知识
- [javascript] elementui和vue下复制粘贴上传图片
- [javascript] cdn模式下vue和vue-router实现路由
- [javascript] 获取正则子表达式里的内容
- [vuejs] 聊天框在overflow:auto中填数据时滚动到底部
- [vuejs] 在vuejs中使用websocket进行实时通讯
- [javascript] elemetui布局中分栏间隔的问题
- [javascript] js判断对象类型typeof与instanceof解决elementui时间插件默认时间问题
- [javascript] 格式化日期为yyyymmdd格式
- [javascript] 实现展开全文和收起全文效果
- [javascript] vuejs先循环中实现点击后的选中状态
- [javascript] js判断变量要考虑undefine
- [javascript] vuejs媒资库项目展示
- [javascript] vuejs为输入框增加回车事件
- [javascript] elementui下el-switch组件的使用
- [javascript] vuejs的elementui实现父子iframe通信
- [javascript] npx 命令简单使用
- [javascript] vue的实例生命周期钩子函数
- [javascript] var let const声明变量的区别
- [javascript] vue3.0 beta版发布使用TS重写