更改名称，除非类为空

Question

目前，我的代码

$(".name").text("John");

将页面上的所有名称更改为John，但是，它也会将所有空白的名称更改为john

如何才能使它只更改名称字段中实际具有名称的类？

对于记录，这就是名称字段的外观，其中没有名称

<span class="name"></span>

哦，我想我自己解决了这个问题 将

$(".name:not(:empty)").text("John");

工作？

Answer 1

$(".name").filter(function(){
     return !$(this).text().trim() === "";
}).text("John");

Answer 2

试试这个：

$("span").each(function(){
  if($(this).text().trim() === ""){
   $(this).text("John")
  }
});

Demo at jsFiddle