Форум PHP программистов > создать цикл на jQuery

[ Поиск ] - [ Пользователи ] - [ Календарь ]

olgatcpip

4.11.2009 - 13:59

Здравствуйте.

Есть функция.

Код

$(document).ready(function() {

$('a.review-link-1').click(function(e) {
e.preventDefault();
$('div.review-1').css({ 'display' : 'block' });
$('.review-link-1').css({ 'display' : 'none' });
});

$('a.review-link-2').click(function(e) {
e.preventDefault();
$('div.review-2').css({ 'display' : 'block' });
$('.review-link-2').css({ 'display' : 'none' });
});
});

как сделать, стобы не 2 раза писать по сути один и тот же код, а в цикле, чтоб шёл перебор всех a.review-link-x ? где x = 1,2,3,...
и соответственно в 'div.review-1', вместо 1 подставлять x и так далее.

А если возможно, то без привязки к порядку, т.е. у меня может и не оказаться x=1, потом x=2 b т.д. У меня может быть так x=23 следующиц 55 и т.д.

Покажите примерчик, пожалуйста.

_____________
Ласковое слово и кошке приятно... Плюсик в карму сойдет wink.gif
*smarty дока - новая любовь
Моё рукотворение ругайте, хвалите smile.gif
Веду маленький блог
в этом блоге публикую новые работы
WMR217126627282 wink.gif

glock18

4.11.2009 - 14:04

HTML

var arr = [23, 55, 89];
for (var i = 0; i < arr.length; i++) {
$('a.review-link-' + arr[i]).click(function(){});
}

Oyeme

4.11.2009 - 14:07

Можно перечислить все поля в AJAX запросе, а можно использовать конструкцию цикла each от Jquery, вот как это выглядит

HTML

$(’#form input’).each(function(n,element){
.......
};

$(’#form input’) здесь мы определяем, что в элементе с id=’form’, будут перебираться только элементы input.

olgatcpip

4.11.2009 - 15:39

glock18, спасибо, у меня генерится страница с элементами (у меня это тег а) у которых слас называется

Код

class="review-link-id_изБД floaf_r"

используя твой пример я могу, если ещё и массив буду формировать в странице.
А можно без этого обойтись?

_____________
Ласковое слово и кошке приятно... Плюсик в карму сойдет wink.gif
*smarty дока - новая любовь
Моё рукотворение ругайте, хвалите smile.gif
Веду маленький блог
в этом блоге публикую новые работы
WMR217126627282 wink.gif

arlamar

11.04.2013 - 00:56

добавь ссылке атрибут, допустим data-id
и все ссылки с классом, допустим review-link

$('.review-link').each(function () {
    $(this).hide();
    $('div.review-'+$(this).attr('data-id')).show();
});

SerginhoLD

11.04.2013 - 01:25

kuzroman

11.04.2013 - 10:15

arlamar дело говорит.
Добавь атрибут или один класс для всех необходимых элементов, повесь на него событие и все будет ОК.

_____________
kuzroman@list.ru

arlamar

11.04.2013 - 10:52

тьфу, сонный был видимо) не each а click, конечно

$('.review-link').click(function () {
    $(this).hide();
    $('div.review-'+$(this).attr('data-id')).show();
});

Быстрый ответ:

Здесь расположена полная версия этой страницы.