如何使用jquery获取已单击元素的id?

如何使用jquery获取已单击元素的id?,jquery,Jquery,我想获取单击元素的id,然后显示与此id匹配的divs。我正在使用以下代码,但它不起作用。请帮忙 $(function () { var tabContainers = $('div.difContetform > div'); $('div#head-nav ul a').click(function (event) { $('div#head-nav ul a').removeClass('current'); $(this).addCl

我想获取单击元素的id,然后显示与此id匹配的
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; 
     })
});

您希望使用正确的选择器语法按id获取div,即字符串
#id
。。。因此:

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

编辑:再看一次(双重拍摄),你不能只隐藏所有不匹配的内容,因为它会隐藏整个页面。您需要确保只选择div,而不是要显示的div。如何工作取决于您的页面布局(因此上面的示例中出现了
某物)。

非常感谢,亲爱的,现在我可以显示div,但无法隐藏其他div。 正如您所说的,所有页面都消失了,我在container id=formContainer和其他div(该id div的子级)上,在这个id下显示hide和单击的1

我正在使用下面的语法

$('div#difContetform > div:not(#'+targeted+')').hide(); $('div#difContetform>div:not(#'+targeted+')).hide();
但是它不起作用,虽然页面不会消失,但不会隐藏其他div

Hmm,我不知道您页面的布局,所以我无法判断选择器有什么问题。它说:找到一个id为“difContetform”的div,然后找到它的所有直接子项,这些子项都是div,不包括那些具有目标id的子项,并将它们隐藏起来。您的类或id名称是否拼写错误?这些错误是无声的。没有拼写错误我的结构是一个父分区中的3个分区我只想隐藏此父分区中的显示功能:)抱歉Adam再次感谢您的帮助这是拼写错误的问题我使用的是类而不是id。