Оптимизорование забора!
 

Всем привет!

У меня всёё просто:

<script>
$('#cl1').click(function(){slideTranfer=1;slideRoller()});
$('#cl2').click(function(){slideTranfer=2;slideRoller()});
$('#cl3').click(function(){slideTranfer=3;slideRoller()});
$('#cl4').click(function(){slideTranfer=4;slideRoller()});
$('#cl5').click(function(){slideTranfer=5;slideRoller()});
$('#cl6').click(function(){slideTranfer=6;slideRoller()});
$('#cl7').click(function(){slideTranfer=7;slideRoller()});
$('#cl8').click(function(){slideTranfer=8;slideRoller()});
$('#cl9').click(function(){slideTranfer=9;slideRoller()});
$('#cl10').click(function(){slideTranfer=10;slideRoller()});
$('#cl11').click(function(){slideTranfer=11;slideRoller()});
</script>

Как можно от него избавиться?

Дать всем таким элементам уникальный класс и работать с одним классом...
А так, как вариант...

$('*[id^="cl"]').each(function(i){
	click(function(){
		slideTranfer=i+1;slideRoller()
	})
});

Чёто я туплю...это вы сейчас чё сделали?=)

использовали стандартную функциональность jquery:)
советую почитать api.jquery.com

Собственно выполнил "Оптимизорование забора"...

Ого...оболдеть. Он ещё и так умеет) Спасибо!

Только одна поправка:

$('*[id^="cl"]').each(function(i){
    $(this).click(function(){
        slideTranfer=i+1;slideRoller()
    })
});

обычно используют делегирование событий

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<div class="div">
	<button id="id1">1</button>
	<button id="id2">2</button>
</div>
<script>
jQuery(function ($) {
	$(".div").on("click", function (e) {
		if (e.target.tagName == "BUTTON") {
			alert(e.target.id.replace(/^.*[^\d]/, ""));
		}
	});
});
</script>

bes,

jQuery(function ($) {
	$(".div").on("click","BUTTON", function (e) {
			alert(e.target.id.replace(/^.*[^\d]/, ""));
	});
});

ну чё, круто я скажу :)