jQueryのチェックスパンクラスと最も近いdivを非表示

Question

この関数が正しく機能していない理由を理解するのにかなり苦労しています。私は.htmlvaltrim!:contains' '.textなどのバリエーションを使用して特定のクラスのスパン内の文字列をテストしようとしましたが、コンソールはオブジェクトを正しく返すように見えます。どんな助けもありがとうございます。

if (jQuery('.price').text() == '') { 
 
    jQuery(this).closest(".box").hide(); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="box"> 
 
    test content<br> 
 
    <span class="price">$99.99</span> 
 
</div> 
 
<div class="box"> 
 
    test content<br> 
 
    <span class="price">$99.99</span> 
 
</div> 
 
<div class="box"> 
 
    test content<br> 
 
    <span class="price"></span> 
 
</div> 
 
<div class="box"> 
 
    test content<br> 
 
    <span class="price"></span> 
 
</div> 
 
<div class="box"> 
 
    test content<br> 
 
    <span class="price">$99.99</span> 
 
</div>

Answer 1

あなたが一度にtext()すべてから.price要素を取得しているので、あなたのコードに問題があります。代わりに、それらをループする必要があり、個別にテキストを確認し、このような関連.boxを隠す：真のループの各要素に

$('.price').each(function() { 
 
    if ($(this).text().trim() == '') { 
 
    $(this).closest('.box').hide(); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="box"> 
 
    test content 
 
    <br> 
 
    <span class="price">$99.99</span> 
 
</div> 
 
<div class="box"> 
 
    test content 
 
    <br> 
 
    <span class="price">$99.99</span> 
 
</div> 
 
<div class="box"> 
 
    test content 
 
    <br> 
 
    <span class="price"></span> 
 
</div> 
 
<div class="box"> 
 
    test content 
 
    <br> 
 
    <span class="price"></span> 
 
</div> 
 
<div class="box"> 
 
    test content 
 
    <br> 
 
    <span class="price">$99.99</span> 
 
</div>

Answer 2

私はあなたの正確な要件を取得しておりません。以下のコードを試してみてください。

if (jQuery('.price').text() != '') { 
    jQuery('.price').closest(".box").hide(); 
} 

Answer 3

あなたの必要性を。

$('.price').each(function(index) { 
    if ($(this).text() == "") { 
    $(this).closest(".box").hide(); 
    } 
}); 

ただし、HTMLに問題があります。クラスの隣に2人近い人がいるので.box