Соответствующие классы с JQuery

Question

У меня есть два неупорядоченных списков, немного как:

<ul class="list1"> 
    <li>Item 1</li> 
    <li>Item 2</li> 
    <li>Item 3</li> 
    <li class="current">Item 4</li> 
    <li>Item 5</li> 
</ul> 

<ul class="list2"> 
    <li>Item 1</li> 
    <li>Item 2</li> 
    <li>Item 3</li> 
    <li>Item 4</li> 
    <li>Item 5</li> 
</ul> 

И цель, с JQuery, чтобы определить, какие литий помечается «текущий» класса, а затем добавить класс второй список для соответствующего li. Я просто не могу придумать, как это сделать.

Спасибо.

Answer 1

$('ul.list2 li:nth-child(' + $('ul.list1 li.current').index() + ')').addClass('current'); 

Или вы могли бы сделать его немного меньше неприглядное:

$('ul.list2 li').eq($('ul.list1 li.current').index()).addClass('current'); 

Второй, мне нравится лучше, теперь, когда я получаю, чтобы увидеть их обоих :-) Трюки здесь:

1. фильтр «eq» позволяет вам выбрать элемент из списка jQuery на основе индекса;
2. "индекс" функция позволяет найти индекс элемента относительно его братьев и сестер в DOM

Answer 2

$('li.current + li').addClass('yourClass')

редактирования: непонимание вопроса

var index = $.inArray($('li.current')[0],$('li.current').parent().children()); 
$('ul:eq(1) li:eq('+index+')').addClass('selected'); 

Answer 3

// Find the current item in the first list, remember its text 
var textToMatch = $('ul.list1 li.current').text(); 
// Loop through each li in the second list 
$('ul.list2 li').each(function(index, domElement){ 
    var curr = $(domElement); 
    // if the text matchs the first then add our class 
    if(textToMatch == curr.text()){ 
      curr.addClass('NEWCLASS'); 
    } 
}); 

EDIT1: Это ответ на неправильный вопрос, вопрос с тех пор был выяснен. Я оставлю это здесь, поскольку он все еще кажется приятным :)

EDIT2: как и в случае с Flex, это лучший способ добиться того же, что опять-таки не вопрос.

$('.list2 li:contains("' + // Find an li in list2 which contains 
    $('.list1 li.current').text() + '")') // the same text as the as the current li in list1 
    .addClass("NEWCLASS"); // and add our new class to it 

Answer 4

Просто используйте это:

var initialIndex = $('.list1 .current').index(); 
$('.list2 li').eq(initialIndex).addClass('current');