如果span为空,则显示span内的文本
Display text inside the span if the span is empty
我想在span中添加一些文本,如果它是空的。
下面的span确实包含文本,所以它不应该做任何事情。
<span class="content">This span has text so do nothing</span>
下面的span不包含任何文本,所以我想让Javascript自动为我添加文本到span中,我想让它显示"Public"。
<span class="content"></span>
因此上面示例的最终结果将是
<span class="content">Public</span>
您可以尝试:empty选择器
例如$("span.content:empty")
.text("Public")
可以使用 html()
或 text()
带回调函数
$('span.content').html(function(i, v) {
return v.trim() == '' ? 'public' : v;
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<span class="content">This span has text so do nothing</span>
<span class="content"></span>
in jQuery
$span = $(".span");
if($span.text() == ""){
$span.text("Public");
}
这里可以看到示例- JSFIDDLE - http://jsfiddle.net/3vcL2e97/
使用纯JavaScript:
function myFunction() {
var x = document.getElementsByClassName("content");
for(i=0;i<x.length;i++)
{
if(x[i].innerHTML=="")
{
x[i].innerHTML = "Public";
}
}
}
这是小提琴:http://jsfiddle.net/7fet87rb/
相关文章:
- 使用Clipboard.js复制span文本
- 兰吉 |如何在 span 标签上使用单击事件删除突出显示的文本
- 当DIV中的文本高亮显示时,如何获得DIV中Span的值?(Javascript)
- Javascript/jQuery:用HTML span标记替换单引号中的文本
- jQuery将文本从span标记复制到另一个span标记
- 当我想在span标记中呈现文本时,看到span标记
- 使用jquery过滤逗号分隔的span文本
- 如何将所有文本包装成唯一的span标记
- 如果span文本为't 0
- 如何将新输入的文本包装到下面已经存在的span标记中
- 单击时切换DIV和SPAN文本
- 将输入占位符文本与span文本jquery交换
- 使用bookmarklet javascript更改span文本的一部分
- Span文本隐藏的动画DIV尽管z索引
- Javascript:使用span文本作为引用,单击页面上的链接
- 围绕span文本换行元素
- 需要使用jquery.find()在对话框窗口中动态更改span文本的帮助
- 在 jquery span 文本中使用 HTML 字符名称
- 根据显示/隐藏span标记/Javascript组设置span文本
- 使用jQuery在单击时切换span文本