Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript jQuery Basics Introducing jQuery Using text() and html()

Takuya Hirata
Takuya Hirata
23,296 Points
Posted by Takuya Hirata
Takuya Hirata
23,296 Points

Using text() and html() challenge

I am not sure why my code does not work. I tried using a variable and this but both did not work. Please help me out! Thank you.

You've just learned how to use the jQuery methods text() and html(). Use the appropriate jQuery method to select the h1 element by its class name and set its contents to "Student <span>Profile</span>".

index.html 
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
</head>
<body>
    <h1 class="profile-header"></h1>
    <p class="profile-text"></p>

    <script
    src="jquery-3.2.1.min.js"></script>
    <script src="app.js"></script>
</body>
</html>
app.js 
$('.profile-text').text('I am a web developer');

$('.profile-header').html('Student<span>Profile</span>');

2 Answers

Antonio De Rose
Antonio De Rose
20,884 Points
Antonio De Rose
Antonio De Rose
20,884 Points 
$('.profile-text').text('I am a web developer');

$('.profile-header').html('Student<span>Profile</span>');  /*nothing wrong with the logic spacing issue*/

// ques - Student <span>Profile</span>
// answ - Student<span>Profile</span
Jordan Hebert
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Jordan Hebert
Front End Web Development Techdegree Graduate 15,506 Points
Jordan Hebert
.a{fill-rule:evenodd;}techdegree seal-36
Jordan Hebert
Front End Web Development Techdegree Graduate 15,506 Points

Could someone please help me possibly look at what is causing this error?

Challenge Question : You've just learned how to use the jQuery methods text() and html(). Use the appropriate jQuery method to set the contents of the $('.profile-text') element to "I am a web developer".

Error Message I am getting: Bummer: Did you make a call to the "text" method on the jQuery with a selector of ".profile-text"?

Here is what I have typed in my app.js:

jQuery(".profile-text"); $(".profile-text").text('I am a web developer');

From what I can tell I am calling the text method when I used the ".text();" Any help would be appreciated. Thank you!

Jordan Hebert
.a{fill-rule:evenodd;}techdegree seal-36
Jordan Hebert
Front End Web Development Techdegree Graduate 15,506 Points

In my code I have $(".profile-text").text('I am a web developer'); on its own line