jquery从动态创建的div中获取id值

Question

<div id="tag<%=count++%>" value="val1">
<div id="tag<%=count++%>" value="val2">
<div id="tag<%=count++%>" value="val3">

jquery中的onclick事件需要获取div的值.创建的确切div数是动态的

Answer 1

您应该使用输入而不是div:

试试这个:

Html:

<input type="text" id="tag<%=count++%>" value="val1"/>
<input type="text" id="tag<%=count++%>" value="val2"/>
<input type="text" id="tag<%=count++%>" value="val3"/>

jQuery的:

$( document ).ready(function() {
 $('input[id^="tag"]').on('click', function() {  
    alert(this.value);
 });
});

现场演示

使用div:

试试这个:

$( document ).ready(function() {
 $('div[id^="tag"]').on('click', function() {  
    alert($(this).attr('value'));
 });
});

演示

Answer 2

首先，value不是div的属性。

但你仍然可以使用这个：

var value = $('div').attr('value')

获取 ID 属性，并使用它，您可以获得如下值：

$('#' + value).attr('id');

您可以将其用作变量，然后执行任何操作！