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

Question

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

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

我想检查页面，每次“box1”div 包含文本“Free”时，以完全删除“box2”div。

我用 jQuery 尝试过类似的东西

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

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

JSFiddle Here

Answer 1

使用text()从 box1 检索文本的方法

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