Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Jquery функция в цикле (https://javascript.ru/forum/misc/15335-jquery-funkciya-v-cikle.html)

rostrid 22.02.2011 18:35

Jquery функция в цикле
 
Долго уже мучаюсь! Подскажите пожалуйста как сие чудо запихать в цикл! Цикл в данном случае будут связан с названием элементов по которым осуществляется выборка! ul#options1 li img, .image_data1
$(function() {

		$('ul#options1 li img').click(
		function() {
		$('ul#options1 li img').removeClass('selected');
        $(this).addClass('selected');
		var imageName = $(this).attr('alt')
		$('.image_data1').attr('value', imageName);
		});//Конец click
		$('.image_url').click(function(event) {
        event.preventDefault();
    });
	
});// Конец ready
$(function() {

		$('ul#options2 li img').click(
		function() {
		$('ul#options2 li img').removeClass('selected');
        $(this).addClass('selected');
		var imageName = $(this).attr('alt')
		$('.image_data2').attr('value', imageName);
		});//Конец click
		$('.image_url').click(function(event) {
        event.preventDefault();
    });
	
});// Конец ready

$(function() {

		$('ul#options3 li img').click(
		function() {
		$('ul#options3 li img').removeClass('selected');
        $(this).addClass('selected');
		var imageName = $(this).attr('alt')
		$('.image_data3').attr('value', imageName);
		});//Конец click
		$('.image_url').click(function(event) {
        event.preventDefault();
    });
	
});// Конец ready

Amphiluke 22.02.2011 21:23

Где-то так:
$(document).ready(function() {
	var uls = $("ul[id^='options']");
	uls.each(function(index) {
		var ul = this;
		$("li img", ul).click(function() {
			$("li img", ul).removeClass("selected");
			$(this).addClass("selected");
			var imageName = $(this).attr("alt");
			$(".image_data" + (index+1)).attr("value", imageName);
		});
	});
});

rostrid 22.02.2011 21:47

Спасибо огромное))) Все работает отлично!


Часовой пояс GMT +3, время: 17:30.