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 Understanding jQuery Events and DOM Traversal Adding New Elements to the DOM

Posted by Sandeep Singh
Sandeep Singh
6,083 Points

stuck in jQuery task

my code is not working

index.html 
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
</head>
<body>
    <h2>Student List</h2>

    <ul class="student-list">
        <li>James McAvoy</li>
        <li>Alena Holligan</li>
        <li>Wade Christensen</li>
        <li>Matt Krzyzynski</li>
    </ul>

    <script
    src="jquery-3.2.1.min.js"></script>
    <script src="app.js"></script>
</body>
</html>
app.js 
const $newStudent = $('.student-list').append('<li>Sam Smith</li>');

1 Answer

Steven Parker
Steven Parker
229,732 Points
Steven Parker
Steven Parker
229,732 Points

The task 1 instructions are: "create a new <li> element containing the student name "Sam Smith", and save your new element to a variable called $newStudent". But this code is assigning the variable with the result of placing the element, not the element itself.

The task 2 objective does involve placing the element, but it probably expects you to use the variable and not change it.

Sandeep Singh
Sandeep Singh
6,083 Points

so what is the correct code? can you tell me? please.

Steven Parker
Steven Parker
229,732 Points
Steven Parker
Steven Parker
229,732 Points

First, put the code back the way it was to pass task 1.

Then, add a new line that calls the "append" method using the variable created in task 1 as the argument. The new line will not have an assignment.