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 trialDalin Nkulu
15,587 PointsNext, select all links inside the unordered list with the ID gallery and assign them to the variable galleryLinks.
i really don't know what to do, i try document.querySelectorAll('ul'); but it not working
let navigationLinks = document.querySelectorAll('nav a');
let galleryLinks = document.querySelectorAll('ul');
let footerImages;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Nick Pettit | Designer</title>
<link rel="stylesheet" href="css/normalize.css">
<link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/responsive.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header>
<a href="index.html" id="logo">
<h1>Nick Pettit</h1>
<h2>Designer</h2>
</a>
<nav>
<ul>
<li><a href="index.html" class="selected">Portfolio</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<div id="wrapper">
<section>
<ul id="gallery">
<li>
<a href="img/numbers-01.jpg">
<img src="img/numbers-01.jpg" alt="">
<p>Experimentation with color and texture.</p>
</a>
</li>
<li>
<a href="img/numbers-02.jpg">
<img src="img/numbers-02.jpg" alt="">
<p>Playing with blending modes in Photoshop.</p>
</a>
</li>
</ul>
</section>
<footer>
<a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
<a href="http://facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
<p>© 2016 Nick Pettit.</p>
</footer>
</div>
<script src="js/app.js"></script>
</body>
</html>
6 Answers
Brenda Cardona
8,395 PointsThis worked for me: let galleryLinks = document.querySelectorAll('#gallery a') ;
Steven Vallarsa
10,842 PointsThank you!!! I had been banging my head because I misread the question thinking I was suppose to capture the <li> tags, not the <a> tags 🙄
Daniel Baker
15,369 PointsBreak this down
Next, select all links inside the unordered list with the ID gallery and assign them to the variable galleryLinks.
- Select: ALL "Links" which means <a> tags (NOT Unordered Lists)
- Where: Inside the
<ul id="gallery">
Daniel Baker
15,369 PointsSo, Similar to your previous
let navigationLinks = document.querySelectorAll('nav a');
find the 'a' tags inside the 'ul' with the '#gallery' id.
lindsey howard
Full Stack JavaScript Techdegree Student 6,935 PointsChallenge 2 of 3:
let galleryLinks = document.querySelectorAll("ul#gallery a");
let footerImages;
var navigationLinks = document.querySelectorAll("nav a");
james bhai
Front End Web Development Techdegree Student 85 Pointslet galleryLinks = document.querySelectorAll('#gallery a');
Brendan O'Connor
4,091 PointsThanks for this you all, helped me out!
Jamar Sloss
3,463 PointsThis worked for me. let navigationLinks=document.querySelectorAll('nav a'); let galleryLinks=document.querySelectorAll(' #gallery a'); let footerImages=document.querySelectorAll('footer img');
Dave StSomeWhere
19,870 PointsDave StSomeWhere
19,870 PointsYour query select all will select all/both the ul elements - the challenge is asking you to just select one, the one with the id of gallery. Correction - as per Daniel below, read the requirement carefully - you need to target the links not the list