Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Practice Working with jQuery Collections !
You have completed Practice Working with jQuery Collections !
Preview
This video introduces the challenge relating to "Working with jQuery Collections" that you'll be working to complete.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
[MUSIC]
0:00
Hey, it's Treasure.
0:09
This session is designed to give you
additional practice traversing a list and
0:10
looping through a jQuery collection.
0:14
Practice is a great way to help
solidify what you've just learned and
0:17
to start to get that syntax down.
0:21
So let's do it.
0:23
This practice session assumes that you've
completed the jQuery Basics course.
0:25
You can find a link to the course
videos in the teacher's notes below,
0:29
as well as links to documentation that
will help you review what you've learned.
0:33
To get started,
all you need to do is open Workspaces,
0:37
then the index.html and app.js files.
0:41
If you wanna complete these
challenges in your own text editor,
0:44
you can download the files below.
0:47
Follow the commented steps
to complete each challenge.
0:49
You'll begin with a list of links and
add some enhancements to the list.
0:54
When you're finished,
the list should look like this.
0:58
The first challenge asks you
to traverse the list and
1:01
add a Featured tag to
the second list item.
1:04
To accomplish this,
you'll need to create and
1:07
append a new HTML element
to the list item.
1:10
There are a couple of classes in this
CSS file that have been predefined.
1:13
As part of the challenge,
1:21
you'll add one of these classes
to the element you've created.
1:22
The second challenge asks you to traverse
to the last item in the list and
1:27
add a predefined class to it.
1:31
Third, you'll select
each link on the page and
1:34
add an attribute that will cause
the link to open up in a new tab.
1:37
This might require reviewing the course.
1:44
Remember, you can find links and other
resources in the teacher's notes below.
1:46
For the fourth challenge,
you'll loop through each anchor tag and
1:52
log out the index,
as well as the text of each anchor tag.
1:56
Finally, you'll rewrite your
loop using the this keyword.
2:03
Have fun, and
2:07
don't worry too much if you can't
recall everything you've just learned.
2:08
You can consult the teacher's notes for
help and resources.
2:11
And you may need to Google or review
the videos to recall method names or
2:15
remember syntax.
2:19
Totally fine.
2:20
As always, just keep practicing.
2:21
After you've done your best to complete
the challenges, watch the next video and
2:24
I'll walk you through my solutions.
2:28
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up