如果跨度為空，則在跨度內顯示文本

Question

我想在跨度內添加一些文本（如果為空）。

DOES下面的跨度包含文本，因此不應該執行任何操作。

<span class="content">This span has text so do nothing</span>

下面的跨度不包含任何文本，因此我希望Javascript為我自動將文本添加到跨度中，我希望它顯示“ Public”。

<span class="content"></span>

因此，以上示例的最終結果將是

<span class="content">Public</span>

Answer 1

您可以嘗試：empty選擇器

例如

$("span.content:empty")
  .text("Public")

Answer 2

您可以將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> 

Answer 3

使用純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/

Answer 4

在jQuery中

$span = $(".span");
if($span.text() == ""){
    $span.text("Public");
}

在這里您可以看到示例-JSFIDDLE- http://jsfiddle.net/3vcL2e97/