How can I attach add rel="lightbox" to a specific link?

Question

I'm building a site in wordpress and need to add a lightbox to a specific link in the menu. I've tried several methods, but can't seem to get them to work. I'm certain it's just a mixup in the way I'm going about it.

In any event, here's a jsFiddle to show my latest attempt. $("a[href$=login.asp").attr("rel", "lightbox")

Thanks!

Answer 1

Try this updated fiddle: http://jsfiddle.net/aFLLB/9/

Added braces and quotes to

href$='login.asp' aswell

Answer 2

A couple of things wrong:

1) You are not closing your attribute selector brackets (as suggested already)

2) Your href value contains a full stop, because of this you need to wrap the value in quotes too

This is what you want:

$("a[href$='login.asp']").attr("rel", "lightbox")

Here is a working example

Answer 3

You're missing a ] in your jQuery selector. Try $("a[href$=login.asp]").attr("rel", "lightbox")