JavaScript jQuery Basics Working with jQuery Collections The .each() method

Posted by Lynn Collins
Lynn Collins
6,802 Points

I'm still lost...I think I'm about to give up

I'm sorry I'm so slow at this!

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

scribbles
scribbles
21,156 Points
scribbles
scribbles
21,156 Points

Just pass the checkbox to the prepend method as an argument and you should pass:

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

Thank you Scribbles! It works :)