12 Stix - Tech Answers and Fixes » jquery http://12stix.com Tech Answers and Fixes Fri, 03 Sep 2010 14:24:27 +0000 en hourly 1 http://wordpress.org/?v=3.0 How to add onclick values to a list in Jquery http://12stix.com/2009/04/07/how-to-add-onclick-values-to-a-list-in-jquery/ http://12stix.com/2009/04/07/how-to-add-onclick-values-to-a-list-in-jquery/#comments Tue, 07 Apr 2009 09:32:05 +0000 Pete http://12stix.com/?p=173 This bit of jquery will add an onclick value to list items based on the link within the list item.

The idea is that the whole lists items become links rather than just the link text. Its ideal if you want to colour the background of a list item and have it clickable.

<script type="text/javascript">
$(document).ready(function(){
$("li").each(function(){
var url = "location.href='"+$("a", this).attr("href")+"'";
$(this).attr('onclick', url);
});
$("li").each(function(){
var url = "location.href='"+$("a", this).attr("href")+"'";
$(this).attr('onclick', url);
});
});
</script>

The only downside to this method is if you have a list within a list such as a nested Drupal menu.

]]> http://12stix.com/2009/04/07/how-to-add-onclick-values-to-a-list-in-jquery/feed/ 0