Как я могу определить, был ли выбран тег a в div?

#jquery #html #css

#jquery #HTML #css

Вопрос:

Используя jQuery, как я могу определить, был ли выбран один из тегов a в моем div с идентификатором «nav», чтобы я мог очистить содержимое другого моего div с именем «body-wrapper»? Я делаю это для того, чтобы я мог изменять содержимое div в зависимости от выбора в меню навигации.

Мой код можно найти здесь: http://jsfiddle.net/Qvjnc /

Заранее спасибо.

Ответ №1:

У меня просто было бы событие щелчка, которое очищает содержимое для запуска, а затем вставляет нужное содержимое. Пример:

 $('#nav a').click(function(){
   $('#body-wrapper').html('<b>whatever i want</b>');
});
  

Обновить:

Чтобы отобразить другой контент на основе выбранного элемента, измените его на что-то вроде этого:

 $('#work').click(function(){
   $('#body-wrapper').html('<b>this is work</b>');
});
$('#about').click(function(){
   $('#body-wrapper').html('<b>this is about me</b>');
});
  

в этом примере вам нужно будет указать идентификаторы своих якорей.

Комментарии:

1. Спасибо, но как я могу различить текст в #nav a, чтобы, если это Работа, я мог отобразить работу, или, если это About, я могу отобразить содержимое about?

2. Спасибо, вместо этого я просто использую onclick = function()... для каждого div.