显示非空的DIV

Question

我在包含照片说明的页面上有一个DIV列表。它们都以相同的id开头。使用以下脚本，我可以在页面上显示所有脚本。但是有些DIV可能是空的，所以我只想显示包含文本的那些。我怎么能这样做？

$('[id^="photoCaption"]').show();

Answer 1

您可以使用:not和:empty选择器的组合。

$('[id^="photoCaption"]:not(:empty)').show();

感谢@ guest271314 Fiddle

Answer 2

这应该可以解决问题：

$('[id^="photoCaption"]')each(function(){
    if($(this).text()) != '') {
        $(this).show();
    }
});

Answer 3

首先，您不要在页面上多次使用一个ID。但是你可以使用课程。

所以你可以使用

if ($(".photocaption").html(""))
{
return false;
} else {
$(this).show();
}