删除没有文本的段落
Remove paragraphs with no text
有没有一种方法可以删除没有文本的段落,但其中可能有空的html标记?
例如
<p><strong><br></strong></p> or <p></p> or <p> </p>
将被删除,但
<p><strong>hi<br>there</strong></p> or <p>hi there</p>
不会被删除
使用jQuery循环遍历所有p个元素,然后只获取其中的文本,对其进行修剪(因此只保留空格也会被删除),然后检查其中是否有文本,如果没有,则将其删除。
$('p').each(function() {
if ($(this).text().trim() == "") {
$(this).remove();
}
});
jsfiddle示例:http://jsfiddle.net/ygbnpg77/
如果你想用javascript在前端实现这一点,你可以这样做。
$(document).ready(function(){
$('p').each(function(){
if($(this).html().length == 0)
{
$(this).remove();
}
})
})
相关文章:
- Javascript-在文本区域中断,但不在段落中中断
- 可以't通过DOM更改javascript中的段落文本
- 无法使用jquery克隆没有文本的段落
- 使用XML将头文本、段落文本和按钮和每个图像绑定
- 获取元素中的段落文本
- 使用 JavaScript 将文本框的内容作为段落文本动态插入
- 为段落文本的一部分分配 ID
- 如何通过jquery正式段落文本
- 按钮应该在基于 JavaScript 代码单击时更改段落
文本,但它不会更改文本
- 在页面加载时使用javascript设置段落文本
- 将段落文本设置为 JSON 数据结果
- 如何在单击列表项时更改段落文本
- 单击图像时更改段落文本(Javascript)
- 根据下拉菜单中的选择来改变段落文本——Angular
- 仅在段落文本中隐藏字母
- chrome MutationObserver的新段落文本
- 使用来自多个输入的数据更改段落文本
- 如何在Javascript中更改段落文本?(使用单选按钮的值).(onclick事件可能没有触发)
- 获取指定段落内的段落文本
- Flexslider-如何使用单个方向Nav使两个滑块一起工作(图像和段落文本)