<span>优惠券</span><em>0 张</em>
<span>会员卡</span><em>1 张</em>
<span>打折卡</span><em>2 张</em>
如优惠券只有0张 ,则把<span>优惠券</span><em>0 张</em> 去掉
虽然你要正则实现,但是我觉得这个东西应该是加自定义属性去删除的
你可以获取到 span 标签 document.querySelector('span')
span.count = 0
1的设置成1,2的设置成2
然后获取到所以span 之后,document.querySelectorAll('span')
循环它,如果 if (spanItem.count === 0) spanItem.remove()
不晓得你是不是要实现这种功能
这个按道理 ,是从数据层面 解决 。 而且你最好给
<span>优惠券</span><em>0 张</em>
加一个 父元素
不需要正則吧
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>H5新增的“获取”方法(Dom)</title>
</head>
<body>
<span>优惠券</span><em>0 张</em>
<span>会员卡</span><em>1 张</em>
<span>打折卡</span><em>2 张</em>
</body>
<script>
window.onload = () => {
var emList = document.getElementsByTagName('em');
for (let index = 0; index < emList.length; index++) {
let element = emList[index];
if(element.innerText == '0 张') {
var preElement = element.previousElementSibling;
element.parentNode.removeChild(element);
preElement.parentNode.removeChild(preElement);
break;
}
}
}
</script>
</html>