$(document).ready(function () {
var cssText = { 'font-size': '30px', 'color': 'aqua' };
$("#henry").click(function () {
alert("This is the first element. There is nothing previous to this!!");
});
$("#fabregas").click(function () {
$("#fab").prev().css(cssText);
});
$("#rocisky").click(function () {
$("#mozart").prev().css(cssText);
});
$("#vermaelen").click(function () {
$("#verminator").prev().css(cssText);
});
$("#wolcott").click(function () {
$("#fastandfurious").prev().css(cssText);
});
$("#reset").click(function () {
location.reload();
});
});
<html>
<head>
<title>prev</title>
</head>
<body>
<b>List of Players</b>
<ul>
<li id="tt">Thierry Henry</li>
<li id="fab">Cesc Fabregas</li>
<li id="mozart">Tomas Rocisky</li>
<li id="verminator">Thomas Vermaelen</li>
<li id="fastandfurious">Theo Wolcott</li>
</ul><br />
<input type="button" id="henry" value="Prev of Henry" />
<input type="button" id="fabregas" value="Prev of Fabregas" />
<input type="button" id="rocisky" value="Prev of Rocisky" />
<input type="button" id="vermaelen" value="Prev of Vermaelen" />
<input type="button" id="wolcott" value="Prev of Wolcott" />
<input type="button" id="reset" value="Reset" />
</body>
</html>