javascript-在jQuery中,如何删除只有一个空格的元素？

2019-10-24 08:37:02 阅读：137 来源： 互联网

给定页面上的以下HTML：

<div class='test'>
<p><span id='id1' class='test1 test2 test3'>test text 1</span></p>
<p><span id='id2' class='test1 test2'>test text 2</span></p>
<span class='test2'> </span>
<p><span id='id3' class='test1'>test text 3</span></p>
<p><span id='id4' class='test1 test3 test2'>text4</span></p>
</div>

如何完全删除第四行< span class ='test2'> < / span>使用jQuery吗？

如果有帮助,我可以通过正则表达式找到它：

var re = new RegExp("<span[^>]*test2[^>]*> </span[^>]*?>");

而且我可以使用jQuery查找和删除该类的任何节点：

$("span[class*='test2']").remove();

但这会删除所有不具有“ test2”类的节点,这不是我想要的；我只想删除其中一个空格的那个. $(“ span [class * =’test2′]：empty”).remove();由于该节点不为空,并且具有空格,因此无法正常工作.

我觉得我已经很近了,但是我想念一些东西.我希望结果是：

<div class='test'>
<p><span id='id1' class='test1 test2 test3'>test text 1</span></p>
<p><span id='id2' class='test1 test2'>test text 2</span></p>
<p><span id='id3' class='test1'>test text 3</span></p>
<p><span id='id4' class='test1 test3 test2'>text4</span></p>
</div>

有什么线索吗？

解决方法:

应该这样做：

$("span[class*='test2']").filter
                (
                  function() {
                      return $(this).text() === " ";
                  }
                ).remove();

标签：html,javascript,jquery,tags
来源： https://codeday.me/bug/20191024/1919153.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript-在jQuery中,如何删除只有一个空格的元素？