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

what am I doing wrong?

I thought this would work?

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() {
  const $checkbox = $('<input type="checkbox"/>');
  $(this).prepend($checkbox);
});

2 Answers

The code you have their works outside the challenge but I think they are being picky in how you should go about it is all. Or maybe I'm missing something as well. lol.

'$('.favorite-things li').each(function() {
  $(this).prepend('<input type="checkbox"/>');
});

it still won't work Jorge. i'm going blind trying to figure it out

It works, just a typo on line 1 (first character, the apostrophe) was accidentally left there by me. Sorry about that.

$('.favorite-things li').each(function() {
  $(this).prepend('<input type="checkbox"/>');
});

Hang in there.