jquery - jQuery升级后，未捕获异常: Syntax error,无法识别的表达式:h3

Question

我正在开发该网站的新版本，现在发现我的 javascript 代码存在一个问题，该问题没有得到很好的处理。

我过去一直在做的是

$('#lb_outer_title :h3').html(title); 

这改变了我的灯箱的标题属性的文本。这在 jQuery 1.3.2 中工作正常，但在新版本(使用 jQuery 1.4.2)上我收到错误:

uncaught exception: Syntax error, unrecognized expression: Syntax error, unrecognized expression: h3

在新版本中我可以将代码更改为以下并且它可以工作，但这不是最佳解决方案:

$('#lb_outer_title').html('<h3>'+ title + '</h3>');

我已经在新版本中尝试使用 :first 选择器，但这也无法按预期工作。

这是我正在使用的 html(注意:我无法将类或 id 添加到 h3 标记):

 <div id="lb_outer_title">
   <h3>Title</h3>
  </div>

Answer 1

你的错误在这里:

$('#lb_outer_title :h3').html(title); 

应该删除 h3 之前的冒号。 jQuery 1.4 有一个更严格的选择器引擎，这就是它报告错误的原因(因为您在元素选择器上使用伪类前缀)，而 jQuery 1.3 只是默默地解析掉冒号。