js如何过滤div内某特定HTML标签？？？？？？？？？？？？

Question

举个例子：

<div class="tag">
<strong><a href="#">风水</a></strong>
<strong><a href="#">客厅</a></strong>
<strong><a href="#"></a></strong>
</div>

因为是cms的标签自动调取tag，因为添加文章时tag是自动获取，所有会产生空白标签：

<meta name="keywords" content="装修知识,家装常识,装修常识,,房屋装修">

装修常识后面的,, 这里就是空白标签。所以造成 调用时会产生<strong><a href="#"></a></strong> 这种空tag

想用js来去除或者过滤隐藏掉 div class"tag" 内 所有 如：<strong><a href="#"></a></strong> 这样的html 代码 用JS应该怎么过滤或者隐藏掉？

或者做个判断过滤去除也行： 判断<strong><a href="#"></a></strong> a链接内为空的话就去掉整个<strong><a href="#"></a></strong>

Answer 1

// 这里为了方便使用jQuery
// 移除使用tag类的div标记下的strong标记下a标记下没有子元素(链接为空)的节点元素
jQuery('div.tag strong a:empty').parent().remove();

追问

能否加个判断是哪个div内的？就是加个 ID或者 Class

判断 class tag 下的strong 内a链接为空的 ,然后去除

追答

我写的这个就是你说的这个功能 你试试啊 我试过了 可以实现的

Answer 2

你可以在所有标签加上 data-tag 这参数，并把正确的标签名称打上去
最后在过滤的时候，把这些标签筛选出来显示，其馀的就隐藏掉
有问题在私信我追问

这样不行的，tag是系统自动读取的，数量会有变化，把正确的标签名打上去肯定不合适。

只能用js判断 特定 div 内的
strong内的 a链接内是否为空，如果为空就去掉