从HTML删除<span>

时间:2018-07-30 10:24:58

标签: javascript jquery html css

如果HTML页面中仅包含逗号,如何删除<span>标签?

比方说,我有3个<span>,我想要的就是删除仅包含“”作为内容的<span>

<span class"info">, </span>

<span class"info">information</span>

<span class"info">information</span>

结果:删除此标签<span class"info">, </span>

2 个答案:

答案 0 :(得分:2)

您可以使用.filter()根据测试条件获取<SPAN>,然后remove()

$('.info').filter(function() {
  return $(this).text().trim() === ',';
}).remove();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="info">, </span>
<span class="info">information</span>
<span class="info">information</span>

答案 1 :(得分:1)

您不需要regex。您可以做的就是只需检查$(this).text().trim() === ','即可知道span仅包含逗号作为内容。

$('.info').each(function(){
  if($(this).text().trim() === ','){
    $(this).remove();
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="info">, </span>
<span class="info">information</span>
<span class="info">information</span>