jquery - jQueryを使用してH3ヘッダー内のテキストを置き換える

Question

私はコードをできるだけシンプル/クリーンに保つように努めました。2つの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クラスのタイプミスを修正しました-どうやら、以前にそれを行う代わりにコメントを投稿することは重大な罪です。ハッピーハロウィン？）

score 14 · Accepted Answer

あなたのクラスはそうではあり.event-headerません.events-header

イベントには余分な「s」があります。

だからこれを試してください

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

score 0 · Accepted Answer

$記号を使用してサイトのjqueryで競合が発生している可能性がありますか？代わりに、このreadyステートメントでラップしてみませんか

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

2 に答える 2