Jquery检测单击的元素id

Question

我正在尝试使用相同的功能在文本区域上下滑动。使用jquery的slidetoggle。

如何让javascript检测点击的元素，以便知道要展开哪个框。

这就是我所拥有的

function slidedown(id){



        $(id+'text').slideToggle(500);  


}

这是我的功能

在我的HTML中我有这个

<a id="reroof" href="javascript:slidedown(this)">reroof</a>

我要扩展的部分叫做rerooftext

然而，当我检查id.id的值时，我说未定义。

有什么想法吗？

Answer 1

尝试以下代码：

HTML代码：

<a id="reroof" href="#" onclick="javascript:slidedown(this)">reroof</a> 

JS代码：

function slidedown(val){   
    var id = val.id;  
    alert(id);
    $(id+'text').slideToggle(500);     
}  

在html中传递元素（这指的是元素不是id）

工作示例：

http://jsfiddle.net/jAkMq/

Answer 2

在您的HTML中：

<a id="reroof" href="#">reroof</a>

在你的javascript中：

$("#reroof").click(function (e) { 
    var id = "#" + this.id + "text";
    $(id).slideToggle(500);
    e.preventDefault();
});

Answer 3

试试这个

<a id="reroof" href="javascript:void(0)" onclick="slidedown(this)">reroof</a>

function slidedown（obj）{

    $(obj.id+'text').slideToggle(500);  

}

的javascript：了slideDown（本）。这里将是元素而不是id