JQuery нажмите дочерний элемент

Question

У меня есть этот список просмотра плагин с помощью кнопки рядом & предыдущая

HTML:

Jquery:

(function(){ 
    var $lis = $('ul li'), 
     index = 0; 

    function li_click(){ 
     lastIndex = index; 
     index = $(this).index(); 
     $lis.eq(index).addClass('active'); 
     $lis.eq(lastIndex).removeClass('active'); 
    } 

    $lis.click(function() { 
     $lis.eq(index).removeClass('active'); 
     index = $(this).index(); 
     $lis.eq(index).addClass('active'); 
    }).eq(0).addClass('active'); 

    $('.next, .prev').click(function() { 
     $lis.eq(index).removeClass('active'); 
     if ($(this).hasClass('prev')) { 
      index--; 
      if (index < 0) { 
       index = ($lis.length - 1); 
      } 
     } else { 
      index++; 
      if (index >= $lis.length) { 
       index = 0; 
      } 
     } 
     $lis.eq(index).addClass('active'); 
    }); 
})(); 

Вот Fiddle

Этот плагин работает хорошо. Но я хочу вызвать его дочерний элемент ('a') при нажатии кнопок next/prev

например, я нажимаю на следующую кнопку & перейдите в Yahoo, тогда я хочу, чтобы его ребенок ('a') получил щелчок. то же самое происходит с кнопкой prev. Я хочу вызвать дочерний элемент ('a') только что добавленного родительского класса ('.active')

Как я могу это достичь?

Answer 1

Это должно работать:

$(".active > a").trigger("click"); 

Answer 2

Я думаю, что это нужно сделать, это:

$lis.eq(index).addClass('active').find('a').trigger('click');