使用jQuery替换H3标头内的文本

我尽量保持代码简单/干净。 两个DIV内部有一个h3。 顶部DIV有一个ID，内部DIV是一个唯一的类。

$("#Events .event-header h3").html("your new header"); 

我也尝试过：

 $("#Events .event-header h3").text("your new header"); 

都没有工作。 当我在Chrome控制台中试用它时，它告诉我我引用的元素是未定义的，它不知道要定位的文本。 DIV结构不可能更简单明了。 我不知道如何引用h3标签。

有小费吗？ （我已经修改了.event-header类中的拼写错误 – 显然，发表评论而不是之前这样做是一个严重的罪。万圣节快乐？）

Answer 1

你的类是.event-header而不是.events-header

活动中还有一个额外的“s”。

所以试试吧

 $("#Events .event-header h3").text("your new header"); 

小提琴

Answer 2

也许你的网站jquery使用$ sign存在冲突？ 为什么不尝试用这个就绪语句包装它

 jQuery(document).ready(function($){ $("#Events .events-header h3").text("your new header");​ });