Using Lodash With jQuery

Leveraging the Lodash library to perform operations on jQuery objects.

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="el" lang="el">
<head>

	


<meta http-equiv="Content-Type" content="text/html; charset=windows-1253">
<meta http-equiv="Content-Language" content="el">
<link rel="icon" href="http://www.serrelib.gr/images/slib.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://www.serrelib.gr/images/slib.ico" type="image/x-icon">

	<title>ΔΗΜΟΣΙΑ ΚΕΝΤΡΙΚΗ ΒΙΒΛΙΟΘΗΚΗ ΣΕΡΡΩΝ </title>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
		<meta name="keywords" content="Visual LightBox Gallery" />
		<meta name="description" content="Visual LightBox Gallery" />
		<link rel="shortcut icon" href="icons/photos/sotili/favicon.ico" />
		

		
			
		

	<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
	<script type="text/javascript">
var revert = new Array();
var inames = new Array('ser','dras','vivl','isto','top');

// Preload
if (document.images) {
  var flipped = new Array();
  for(i=0; i< inames.length; i++) {
    flipped[i] = new Image();
    flipped[i].src = "images/"+inames[i]+"2.jpg";
  }
}

function over(num) {
  if(document.images) {
    revert[num] = document.images[inames[num]].src;
    document.images[inames[num]].src = flipped[num].src;
  }
}
function out(num) {
  if(document.images) document.images[inames[num]].src = revert[num];
}
</script>

	<style type="text/css">

.style16 {
	margin-left: 0px;
}

.style17 {
	text-align: center;
}

.style18 {
	text-align: right;
	color: #660000;
}
.style19 {
	text-decoration: none;
	color: #660000;
}
.style37 {
background-image: url('images/0middle.png');
}
.style38 {
	color: #800000;
}
.style39 {
	text-decoration: none;
	color: #800000;
	text-align:...

CSS

body {
    font-size: 0.8em;
}

JavaScript

$(function() {
   var links = $("#skata").find("a");
   _.each(links,function(link)  {
   	console.log($(link).text())
    console.log(link.href)
   });
    
    
});