JQuery to add an attribute

[jarv]

hi, I need to add an attribute to #photos li a

the attribute is rel="lightbox[set]"

can anyone please help?

thanks

[jarv]

I have tried something like this:

<script>
var title = $("rel").attr("lightbox[set]");
  $("#photos li a").text(title);
</script>

doesn't work

[VIPStephan]

$('#photos li a').attr('rel', 'lightbox[set]');

[jarv]

thanks but this still doesn't work?!

<script>
$('#photos li a').attr('rel', 'lightbox[set]');
</script>
	<div id="photos">
		<?php foreach ( $photos as $photo ) echo '<li>'.wp_get_attachment_link( $photo->ID ).'</li>' ?>
	</div>

[VIPStephan]

It does work for me. Open Firebug or a similar debugging tool and view the HTML. How does it look? Also, watch out for any JavaScript errors; you can check those in the console.

[jarv]

Is thsi still working? http://cyclerevival.jupitercolour.net/bikes/bmx/

[VIPStephan]

Yeah, if you’re using the error console you will see the message “$ is not defined”. This is because you have called your function before jQuery itself is even included in the page. The reference to the jQuery core library must always come first, then your own jQuery functions.

[jarv]

I have just tried this on another site and it's not working?!

http://www.jbiddulph.com/index.php/gallery

[VIPStephan]

Don’t know if it’s related to that but your HTML is wrong. The div with the ID “photos” must be a ul. List items cannot be direct children of a division. And the script element must have a type attribute with value text/javascript. And you have more unrelated HTML errors.