用于查找元素 ID 的 jQuery if 语句

Question

我有一组选项卡，其中隐藏内容在单击选项卡时显示。 jQuery 看起来像这样:

jQuery(document).ready(function($){
 var sections = $('.section').hide();

 $('.tablink').click(function(e){
        e.preventDefault();
        sections.hide();
        $($(this).attr('href')).show();
        $(this).closest('ul').find('li').removeClass('active');
        $(this).closest('li').addClass('active');
 });

 var tab = getParameterByName('tab');
 if(tab)
    $('.tablink:eq('+(tab-1)+')').click();
 else
     $('#section1').show();  //show first section
});

HTML 看起来像这样:

  <li id="tab1" class="active"><a class="tablink" href="#section1">Link1</a></li>
  <li id="tab2"><a class="tablink" href="#section2">Link2</a></li>
  <li id="tab3"><a class="tablink" href="#section3">Link3</a></li>

我正在尝试找出如何向选项卡点击添加附加功能:

如果#tab2具有类.active，则执行X。

这看起来很简单，但我无法理解。有想法吗？

Answer 1

您可以使用.length来做到这一点查看选择器找到了多少个元素，如下所示:

if($('#tab2.active').length === 1) {
  //do something, it has the class
}