javascript - div 内のヘッダータグが空の場合、div を非表示にしますか?

Question

コンテンツが動的に出力されていない場合、特定のスライドの説明を非表示にしようとしているカルーセルがあります。

コンテンツが出力されている私の構造：

<div class="caption">
   <h3><a>title</a></h3>
   <p><a>description</a></p>
</div>

私の構造なし:

<div class="caption">
   <h3><a></a></h3>
   <p><a></a></p>
</div>

Javascript:

if($.trim($('.caption h3 a').text()) != "") {
$(".carousel-caption.h").addClass("visible");
}

ここで同様の質問を見て、javascriptを取得しました。これを行うさまざまな方法を試しましたが、役に立ちませんでした。何が欠けているのかよくわかりませんか？

score 5 · Accepted Answer

.captionこれを行うと、空のヘッダーを持つすべてを非表示にできます。

$('.caption').show().filter(function(){
   return $.trim($('h3', this).text())===''
}).hide();

これは、ヘッドにコンテンツがある場合にのみクラスを変更して、最初のソリューションに近い可能性があります。

$('.caption').each(function(){
    if ($.trim($('h3', this).text())!=='') $(this).addClass('visible');
});

javascript - div 内のヘッダー タグが空の場合、div を非表示にしますか?