Проверьте, выбран ли ID с помощью jQuery

Question

Добрый день.

Я использую следующую функцию щелчка с JQuery

$(function() { 

      $("#areas ul a").click(function (event) { 
       event.preventDefault(); 
       $("#areas ul li a").removeClass('activeAreas'); 
       $(this).addClass('activeAreas'); 
       $(".hidden").hide(200); 
       $($(this).attr("href")).show(500) 

      }); 

     }); 

Что я хотел бы сделать это в этом цикле, чтобы проверить, активна ли конкретный элемент, а затем действовать на том, что:

Например.

$("#areas ul a").click(function (event) { 
       event.preventDefault(); 
       $("#areas ul li a").removeClass('activeAreas'); 
       $(this).addClass('activeAreas'); 
       $(".hidden").hide(200); 
       $($(this).attr("href")).show(500) 

       //I'm adding this... but it is not working 

       if($(this).attr(href) = 'pretoriaDetail'){ 
        alert('it works'); 
       } 

      }); 

Как это получить, если инструкция для работы ...?

Благодаря

Answer 1

Если вы хотите проверить, если class применяется к DOM, то .hasClass поможет.

Официальный документ: http://api.jquery.com/hasClass/

и еще одна вещь есть ошибка в вашем коде.

if($(this).attr(href) = 'pretoriaDetail'){ 
      alert('it works'); 
} 

должен быть

if($(this).attr("href") == 'pretoriaDetail'){ 
      alert('it works'); 
} 

потому что = сделать, назначая значение, что в то время как == сравнить его и HREF должны окружать в котировке.

Answer 2

Я думаю, вы должны попробовать это:

var ID = $(this).attr("href"); 

$('#'+ID).show(500); 

Declare a variable and use it as an id.

Тогда это должно быть что-то вроде этого:

 $(function() { 
     $("#areas ul a").click(function (event) { 
      var ID = $(this).attr("href"); 
      event.preventDefault(); 
      $("#areas ul li a").removeClass('activeAreas'); 
      $(this).addClass('activeAreas'); 
      $(".hidden").hide(200); 
      $('#'+ID).show(500); // or this way $('[id="'+ID+'"]').show(500); 
     }); 
    }); 

Answer 3

$(function() { 
     $("#areas ul a").click(function (event) { 
      event.preventDefault(); 
      if(!$(this).hasClass('activeAreas')){ 
       $("#areas ul li a").removeClass('activeAreas'); 
       $(this).addClass('activeAreas'); 
       $(".hidden").hide(200); 
       $($(this).attr("href")).show(500); 
      } 
     }); 

    });