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()

Alex Flores
Alex Flores
1,474 Points
Posted by Alex Flores
Alex Flores
1,474 Points

How do I use jQuery to add to all links with the class "external", the target attribute with the value of "blank"?

Very confused on this one, any help would be greatly appreciated thanks

js/app.js 
$(".external").attr("target").append("_blank");
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>

3 Answers

Brandon Kueker
Brandon Kueker
2,161 Points

The attr() method takes a second parameter that is the value of the attribute that you are targeting. 

$('.external').attr('target', '_blank');
Alex Flores
Alex Flores
1,474 Points
Alex Flores
Alex Flores
1,474 Points

Ah thank you sir!

Matthew Tran
Matthew Tran
16,343 Points
Matthew Tran
Matthew Tran
16,343 Points

I agree; I've been following Front End Web Development track, and have been learning perfectly until the jQuery course with Andrew Chalkley. His teaching style is very confusing and the test questions and coding challenges aren't intuitive. He jumps around, says not to worry about something, etc.

I hope Team Treehouse reviews this and makes improvements.