当另一个div包含特定文本时，如何隐藏div？

Question

我有一个包含以下代码的页面：

<div class="box1">Free</div>
<div class="box2">$100</div>

我想查看页面，每次都是＆＃34; box1＆＃34; div包含文本＆＃34; Free＆＃34;彻底删除＆＃34; box2＆＃34; DIV。

我用jQuery尝试了类似的东西

$('.box1("Free")') {
$('.box2').hide();
}

但不起作用。我做错了什么？

JSFiddle Here

Answer 1

使用text()方法从box1

中检索文字

if ( $('.box1').text() === 'Free' ) {
  $('.box2').hide();
}

Answer 2

这段代码会很有帮助：

if($('.box1').text() === "Free") {
  $('.box2').hide();
}

Answer 3

使用此

$(document).ready(function (){
            $('.box1:contains(Free)') {
                 $('.box2').hide();
      }
   });

了解更多信息。 https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_contains