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 Working with jQuery Collections The .each() method

Posted by Eli Goodwin
Eli Goodwin
29,502 Points

the .each() method jQuery here is a link to a screenshot of the generated html: \t https://i.imgur.com/KVCUN48.png

the following code does generate check boxes correctly. However I get a "Unexpected token c (3:34)" error and it prevents me from passing the test. Any ideas what I am doing wrong?

index.html 
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h2>My Favorite Things</h2>

    <ul class="favorite-things">
        <li>Kittens</li>
        <li>Rainbows</li>
        <li>Unicorns</li>
        <li>Sprinkles</li>
    </ul>

    <script
    src="jquery-3.2.1.min.js"></script>
    <script src="app.js"></script>
</body>
</html>
app.js 
$('.favorite-things li').each(function() {
  // Write code here
    $(this).prepend("<input type="checkbox"/>");
});

2 Answers

Eli Goodwin
Eli Goodwin
29,502 Points
Eli Goodwin
Eli Goodwin
29,502 Points

https://i.imgur.com/KVCUN48.png screenshot of the resulting html

Spencer Bigum
Spencer Bigum
3,250 Points
Spencer Bigum
Spencer Bigum
3,250 Points

Be careful when using quotation marks, your escaping out of the string. Use single quotes to wrap it.

$(this).prepend('<input type="checkbox"/>');