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 Working with jQuery-Specific Selectors

Ophelia Onobrakpeya
PLUS
Ophelia Onobrakpeya
Courses Plus Student 7,264 Points
Posted by Ophelia Onobrakpeya
Ophelia Onobrakpeya
Courses Plus Student 7,264 Points

I don't understand. I don't get how I should be using a jQuery selector in this question. Please send help!

Freely admit that jQuery is not my strong suit but I honestly do not understand this question and I know that my code is all wrong, please send help!

index.html 
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
    <link rel="stylesheet" href="style.css" type="text/css" media="screen" title="no title" charset="utf-8">
</head>
<body>
    <h2>Star Trek Characters</h2>

    <ul class="character-list">
        <li>Captain Jean Luc Picard</li>
        <li>Data</li>
        <li>Warf</li>
        <li>Dr. Crusher</li>
    </ul>

    <div>I am supposed to stay hidden!</div>    

    <script
    src="jquery-3.2.1.min.js"></script>
    <script src="app.js"></script>
</body>
</html>
app.js 
const hidden = $("li:hidden");

hidden.show();

1 Answer

andren
andren
28,558 Points
andren
andren
28,558 Points

Your code is actually completely fine, the issue is that for this challenge the code checker is very picky. It has not asked you to create a variable to hold the jQuery object, and while doing so won't cause any actual issue it's not something it expects so it ends up failing the code.

If you don't create a variable and simply call show() directly on the jQuery object like this:

$("li:hidden").show();

Then your code will pass.