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 (2014) Creating a Simple Lightbox Adding New Attribute Values with attr()

Posted by Sibabale Proffessor Joja
Sibabale Proffessor Joja
2,750 Points

Can some explain this in simple English?

I just need to know what exactly is expected of me here.

js/app.js 
$(".external").attr("target")
index.html 
<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" title="no title" charset="utf-8">
  <title>Links Page</title>
</head>
<body>
  <h1>Links</h1>
  <ul>
    <li><a href="http://google.com" class="external">Google</a></li>
    <li><a href="http://yahoo.com" class="external">Yahoo</a></li>
  </ul>
  <script src="//code.jquery.com/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="js/app.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>

1 Answer

Jacob Anderson
Jacob Anderson
6,718 Points
Jacob Anderson
Jacob Anderson
6,718 Points

So, using jQuery you need to add an attribute of target = "_blank" to all links (<a> elements) with the class 'external'.

A link with the requirements the challenge is looking for would be:

<a href="https://teamtreehouse.com/" class="external" target="_blank" >Treehouse!</a>

Note: target: "_blank" opens the link in a new tab.

Hope that helps!

Sibabale Proffessor Joja
Sibabale Proffessor Joja
2,750 Points

Thanks dude that helped, but now the issue is how to append the (target = "_blank") attribute.

This seems not to work jQuery $(.external).append(target = "_blank")