Как я могу получить идентификатор кликаемого элемента с помощью jquery?

Question

Я хочу получить идентификатор выбранного элемента и затем показать div s, которые соответствуют этому идентификатору. Я использую следующий код, и он не работает. Пожалуйста, помогите.

$(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

Вы хотите использовать правильный синтаксис селектора для захвата ваших div'ов по id, который является строкой #id ... Следовательно:

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

РЕДАКТИРОВАТЬ : Глядя на это снова (двойной дубль), вы не можете просто спрятать все, что не соответствует, поскольку это скроет всю вашу страницу. Вам нужно убедиться, что вы выбираете только DIV, но не тот, который хотите показать. Как это работает, зависит от макета вашей страницы (отсюда something в приведенном выше примере).

Answer 2

Спасибо большое, дорогой, теперь я могу показать div, но не могу скрыть других. как вы сказали, все страницы исчезают, у меня есть контейнер id = formContainer и другие div-ы (потомок этого id div) под этим id show hide и показывается 1, который нажал.

я использую приведенный ниже синтаксис

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

но он не работает, хотя страница не исчезает, но не скрывает другие div