javascript - 将一个字符放入具有指定类别的空 div-s 中

标签 javascript jquery html

我有以下 html 代码:

<div class="display_label">Work phone:</div>
<div class="display_work_phone display_attr"></div>

<div class="display_label">Email:</div>
<div class="display_work_phone display_attr"></div>

<div class="display_label">Comment:</div>
<div class="display_comment display_attr"></div>

可能,工作电话和评论有时会是空的,所以我想用“-”字符替换“空”。我试图检查它的长度是否为0,但我不知道如何让它工作。我想检查每个 div 的内容,如果它没有值,请将其替换为类名“display_attr”。

最佳答案

您可以使用:empty-selector

$('.display_work_phone, .display_comment').filter(':empty').html('-')

注意:如果节点包含空文本节点,则空选择器将不起作用,在这种情况下,您可以自己编写一个简单的过滤器,例如

$('.display_work_phone, .display_comment').filter(function () {
    return $.trim($(this).text()).length == 0
}).html('-')

关于javascript - 将一个字符放入具有指定类别的空 div-s 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22866482/

相关文章:

javascript - 仅当按下特定提交按钮时才将表单提交到新窗口?

html - 根据 HTML 页面中加载的控件加载 JS & CSS

javascript - 如何保护html值

Javascript - Sum/Total 读取 NaN

javascript - 将 jsPlumb 与动态内容结合使用

javascript - 如何使用 Angular 在 JQueryUI Accordion 中填充数据?

javascript - 简单地尝试使用 <span> 字符来调用 javascript 函数来关闭下拉菜单

javascript - JavaScript 中带有随机时间的“setinterval”

javascript - Angular 表达不评估

html - 如何更改表单输入按钮以锚定 href?