点击按钮后若span.test1包含'TEST'，如何用jQuery显示#test2元素

代码修改说明 #

你的代码只需要修正3处语法错误就能实现需求：

1. 给按钮点击事件的回调函数补充起始左大括号
2. 补全if判断条件的右括号
3. 末尾补全对应函数的闭合括号

修正后完整代码 #

JS代码

$(document).ready(function(){
  $("#button").click(function() { // 补全点击事件的左大括号
    if ($("span.test1:contains('TEST')").length > 0) { // 补全if条件右括号，添加length判断避免空jQuery对象误判为真
      $("#test2").show();
    }
  }); // 闭合click函数
}); // 闭合ready函数

CSS代码（原有逻辑无需修改）

#test2 {
  display: none;
}

HTML代码（原有逻辑无需修改）

<input id="button" type="button" value="Button">
<span class="test1">TEST</span>
<div id="test2">TEST2</div>

额外说明：添加.length > 0判断是因为jQuery选择器哪怕没匹配到元素也会返回空对象，直接放在if条件里会被判定为真值，加长度判断可以保证只有真的匹配到包含TEST的span元素时才触发显示逻辑

内容的提问来源于stack exchange，提问作者Ronald