jquery - jQueryを介して本文クラスとしてページタイトルを追加する

Question

h1内のテキストをハイフン付きの文字列に変換して、本文の新しいクラスにするにはどうすればよいですか？これが私がこれまでに持っているすべてです：

var newClass = $('h1').val().replace(/ /g, '-');
$("body").addClass(newClass);

フィドル

Answer 1

要素の場合、フォーム要素の値を取得/設定するために、の代わりにをh1使用する必要があります。textvalval

var newClass = $('h1').text().replace(/\s/g, '-');
$("body").addClass(newClass);