<html>
<head>
<title>example</title>
<style>
.bl
{
width: 50px;
height: 50px;
margin: 5px;
float: left;
border: 1px solid black;
}
</style>
</head>
<body>
<div>
<div class="bl" num="1"></div>
<div class="bl" num="2"></div>
<div class="bl" num="3"></div>
<div class="bl" num="4"></div>
<div class="bl" num="5"></div>
<div class="bl" num="6"></div>
<div class="bl" num="7"></div>
</div>
<p></p>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<!--<script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">-->
<script>
$('.bl').click(function ()
{
console.log($(this).next().attr('num'));
});
</script>
</body>
</html>