Как сделать цикл?

@dolte · Регистрация: 04.02.2013

Студворк — интернет-сервис помощи студентам

Есть код:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
jQuery.noConflict();
(function( $ ) {
$(function() {
    var otherVideo = $('div.video-item');
     $("div.picture1").click(function(){
          $(otherVideo).addClass("passed");
          $(".vitem1").removeClass("passed");
          })
      $("div.picture2").click(function(){
          $(otherVideo).addClass("passed");
          $(".vitem2").removeClass("passed");
          })
      $("div.picture3").click(function(){
          $(otherVideo).addClass("passed");
          $(".vitem3").removeClass("passed");
         })
 });
})(jQuery);

как привести к нормальному виду ?
т.к если эллементов 100, то список очень большой

Добавлено через 56 минут
Пытался сделать так:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
$(document).ready(function(){
    for(var itm = 1; itm < 50; ++itm){
        var otherVideo = $('.video-item');
        var otherItems = $('.picture'+itm);
        var otherVitems = $('.vitem'+itm);
            $(otherItems).click(function(){
                $(otherVideo).addClass("passed");
                $(otherVitems).removeClass("passed");
            });
    };
});

не работает. Ошибок в консоли нет

@vovandr · 06.11.2013, 12:02

JavaScript
1
2
3
4
5
6
7
8
var otherVideo = $('div.video-item');
    $('div[class^="picture"]').each(function(i){
        $(this).click(function(){
           i+=1;
           $(otherVideo).addClass("passed");
           $(".vitem" + i + ")".removeClass("passed");
        });
    });

Насчёт вот этого не уверен: var otherVideo = $('div.video-item'); Не понятно где этот контейнер и что с ним

@dolte · 06.11.2013, 12:30 **[ТС]**

vovandr,

вот как сама структура выглядит:

CSS
1
.passed {display:none;}

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<div class="video-item vitem1">
<p class="afisha-name">ПЕНКАВЭМКЕ</p>
<iframe src="//player.vimeo.com/video/78455742?title=0&amp;byline=0&amp;portrait=0&amp" 
width="637" height="358" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<p></p>
<p></p>
</div>
 
 
<div class="video-item vitem2 passed">
<p class="afisha-name">Электроника @ Фойе М33</p>
<iframe src="//player.vimeo.com/video/78453278?title=0&amp;byline=0&amp;portrait=0&amp" 
width="637" height="358" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<p></p>
<p></p>
</div>
 
<ul class="video-list">
<li>
<span class="datetime">Заголовок</span>
<div class="complite-img picture1"><img src="/complete/stationw/m9.jpg"/>
<a>Заголовок</a></div>
</li>
<li>
<span class="datetime">Заголовок</span>
<div class="complite-img picture2"><img src="/complete/stationw/m9.jpg"/>
<a>Заголовок</a></div>
</li>
</ul>

@vovandr · 06.11.2013, 13:07

JavaScript
1
2
3
4
5
6
7
8
9
10
$(function() {
 
    $('div[class*="picture"]').each(function(i){
        $(this).click(function(){
           i+=1;
           $(".vitem" + i).toggleClass("passed");
        });
    });
 
 });

@sMockingbird · 06.11.2013, 13:08

dolte, цЫкл, really?

@dolte · 06.11.2013, 14:03 **[ТС]**

sMockingbird, ой ну +)

Добавлено через 11 минут
vovandr,
Не удаляет класс.
Только добавляет

сделал так:

JavaScript
1
2
3
4
5
6
7
8
9
10
$(function() {
    $('div[class*="picture"]').each(function(i){
    var otherVideo = $('div.video-item');
        $(this).click(function(){
           i+=1;
            $(otherVideo).addClass("passed");
           $(".vitem" + i).removeClass("passed");
        });
    });
 });

Добавлено через 38 минут
vovandr,
Только сейчас заметил.
Если кликать один и тот-же эллемент, то он перебирает, т.е не как надо.

Новые блоги и статьи Все статьи Все блоги /
Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .

@sMockingbird 284 / 283 / 73 Регистрация: 06.05.2013 Сообщений: 1,613
	06.11.2013, 13:08
	dolte, цЫкл, really? 1