Question

我的html文件中有以下代码

<div id="tags" style="border:none">
<span class="tag" id="spantag">{{ stu_skill.skill }}</span>
</div>

上述范围内的值将从服务器动态添加..最多7个跨度（跨度[0]，跨度[1]，依此类推，直到跨度[6]）

如何在javascript或Jquery中检查任何跨度是否为空？

到目前为止，我尝试过以下但未通过

var div = document.getElementById("tags");
var spans = div.getElementsByTagName("span");
if (spans[0].innerHTML.length == 0)
{
spans[0].innerHTML=="EMPTY";
}

像这样，还有

if($('spans[0]').text().length == 0){
$(".tag").text("EMPTY");
window.alert("Spans[0] has no value, it is now " + $(".tag").value);
}

我正在尝试检查是否有空的跨度，如果找到了，我需要用字符串“EMPTY”或“”

更新它

你能否建议采用正确的方法？

Answer 1

Voilà，jQuery有everything you need：

$(".tag:empty").text("EMPTY");

http://jsfiddle.net/DerekL/qsrrqaq7/

Answer 2

试试这个

$("#tags tag").each(function(){
    if($(this).text().length === 0) {
         $(this).text("EMPTY");
    }
});

Answer 3

将find与:empty

一起使用

$('#div').find('span:empty')

如何检查div内的任何span元素是否为空值

3 个答案: