Comment puis-je obtenir l'ID de l'élément cliqué à l'aide de jquery?

Question

Je veux obtenir l'ID de l'élément cliqué, puis afficher div s correspondant à cet ID. J'utilise le code suivant, et cela ne fonctionne pas. S'il vous plaît aider.

$(function() { 

var tabContainers = $('div.difContetform > div'); 
    $('div#head-nav ul a').click(function (event) { 
     $('div#head-nav ul a').removeClass('current'); 
     $(this).addClass('current'); 
     var current_id = $(this).attr("id"); 
     var targeted='DIV'+current_id; 
     $(targeted).show(); 
     $(targeted:not).hide(); 
     // 
     return false; 
    }) 
}); 

Answer 1

Vous voulez utiliser la syntaxe de sélection droite pour saisir votre identifiant par divs, qui est la chaîne #id ... Par conséquent:

$('#'+targeted).show(); 
$('something:not(#'+targeted+')').hide();  

EDIT: En regardant ce nouveau (double- prenons), vous ne pouvez pas simplement cacher tout ce qui ne correspond pas, car il va cacher toute votre page. Vous devrez vous assurer que vous ne sélectionnez que les DIV, mais pas celui que vous voulez montrer. Comment cela fonctionne dépend de votre mise en page (d'où le something dans l'exemple ci-dessus).

Answer 2

Merci beaucoup cher maintenant je suis capable de montrer la div mais ne pouvait pas cacher les autres. comme vous l'avez dit toute la page disparaît j'ai sur le conteneur id = formContainer et autres divs (enfant de ce div id) sous cet ID afficher hide et 1 montré que l'on clique.

je suis en utilisant la syntaxe ci-dessous

$('div#difContetform > div:not(#'+targeted+')').hide();

mais son je ne sais pas qui ne travaillent pas bien page ne disparaissent mais ne se cache pas d'autres divs