:nth-of-type(n)的用法

:nth-of-type(n)选择器匹配同类型中的第n个同级兄弟元素。

n可以是一个数字，一个关键字，或者一个公式。

 

 

$(document).ready(function() {
var lx=getUrlParams('lx');
debugger
var $wrapper = $('.sdk'),
$allTabs = $wrapper.find('.tab-content > div'),
$tabMenu = $wrapper.find('.tab-menu li'),
$line = $('<div class="line"></div>').appendTo($tabMenu);


$tabMenu.each(function(i) {
$(this).attr('data-tab', 'tab'+i);
});

$allTabs.each(function(i) {
$(this).attr('data-tab', 'tab'+i);
});
if(lx=="zdjcsx"){
$allTabs.not(':first-of-type').hide();
$tabMenu.filter(':first-of-type').find(':first').width('100%')
}
else if(lx=="zyrsrm"){
$(this).find("li:eq(0)").removeClass('tab_name');
$(this).find("li:eq(1)").addClass('tab_name');
$allTabs.not(':nth-of-type(2)').hide();
$tabMenu.filter(':nth-of-type(2)').find(':first').width('100%')
}else if(lx=="zdxmap"){
$(this).find("li:eq(0)").removeClass('tab_name');
$(this).find("li:eq(2)").addClass('tab_name');
$allTabs.not(':nth-of-type(3)').hide();
$tabMenu.filter(':nth-of-type(3)').find(':first').width('100%')
}else if(lx=="dezjyz"){
$(this).find("li:eq(0)").removeClass('tab_name');
$(this).find("li:eq(3)").addClass('tab_name');
$allTabs.not(':nth-of-type(4)').hide();
$tabMenu.filter(':nth-of-type(4)').find(':first').width('100%')
}
$tabMenu.on('click', function() {
debugger
var dataTab = $(this).data('tab'),
$getWrapper = $(this).closest($wrapper);

$getWrapper.find($tabMenu).removeClass('tab_name');
$(this).addClass('tab_name');

$getWrapper.find('.line').width(0);
$(this).find($line).animate({'width':'100%'}, 'fast');
$getWrapper.find($allTabs).hide();
$getWrapper.find($allTabs).filter('[data-tab='+dataTab+']').show();
var innerText=$getWrapper.context.innerText;
if(innerText=="重大决策事项"){
var mark="0001";
showYTXX(mark);
}else if(innerText=="重要人事任免"){
var mark="0002";
showYTXX(mark);
}else if(innerText=="重大项目安排"){
var mark="0003";
showYTXX(mark);
}else if(innerText=="大额资金运转"){
var mark="0004";
showYTXX(mark);
}
});

});//end ready