Question

How can I convert the text within an h1 into a hyphenated string and make it a new class on the body? Here’s all I have so far:

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

fiddle

Answer 1

For h1 element you should use text instead of val, val is used for getting/setting values of form elements:

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