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 trialAlex Forseth
8,017 PointsWhere is the "click handler" from the first question?
Given the question: "Inside of your click handler, use jquery to select event. target. Then call hide() method on your selection.
Where is the click handler below?
Does the event.target go in the curly braces?
I have been rewatching the videos and dont seem to comprehend this question. Any help would be appreciated.
``$('.student-list').on("click", function(event){
});``
<!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>
$('.student-list').on("click", function(event){
});
1 Answer
Osaro Igbinovia
Full Stack JavaScript Techdegree Student 15,928 PointsHi Alex, you made a good effort, the event.target goes in the code block i.e within the curly braces. Given the second task in the challenge "Inside of your click handler, use jquery to select event. target. Then call hide() method on your selection". You've already setup the click handler, so all that's left to do is select the event.target with JQUERY and apply the hide() to it like this:
$('.student-list').on("click", function (event) {
//selecting the event.target with jQuery
$(event.target).hide();
});
If you had done this without turning the event.target to a jQuery object by wrapping it in $(), you'd get an error:
$('.student-list').on("click", function (event) {
//selecting the event.target without jQuery
event.target.hide();
});