Question

我有动态设置的jsp元素id 看起来像 id=<%= config.getName()%>
当我点击它们时，如何获得那些ID？

如何将元素id传递给函数，如：

$('****').click(function(){

}

Answer 1

在按钮上添加c类名称。

<input type='button' class='myButtonClass' id=<%= config.getName()%> />

你现在可以使用该类作为选择器..你有，我想3种方法来获取id属性。

$('.myButtonClass').click(function(){
    // first option
    console.log(this.id); // use this only, not $(this), .id will not work on jquery object
   // second option
   console.log($(this).prop('id'));
   // third option 
   console.log($(this).attr('id'));

});

Answer 2

您可以使用class来获取动态ID：

$(".any").click(function(){
alert($(this).attr("id"));
});

Answer 3

还有其他独特的属性吗？例如，类名，标记名，......

如果没有，还有另一种方法可以在标记中创建唯一的属性值。

<div id=<%=config.getName()%> dynamicId="true"></div>

Answer 4

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script>
$(document).ready(function()
{
$(".common").click(function()
{
alert(this.className);
alert(this.id);
//  here u can get class name id  value and pass to any function u want 
// functinname(this.className);
});

});
</script>


<div id="vik" class="common">vik div</div>
<div id="cha" class="common">cha div</div>

jquery如何获得动态元素id

4 个答案: