2014-01-11 2 views
1
<div id="tag<%=count++%>" value="val1"> 
<div id="tag<%=count++%>" value="val2"> 
<div id="tag<%=count++%>" value="val3"> 

Событие Onclick в jquery необходимо получить значение div. Точное число дивы созданной динамичноjquery получить значение id из динамически созданного div

+1

Если нажать на 'div', то' id' всегда будет доступен как 'this.id'. – moonwave99

ответ

9

Вы должны использовать вход вместо 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); 
}); 
}); 

Live demo

используя ДИВ:

попробовать это:

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

demo

+0

@ user3035379: Это сработало? –

+0

есть. это сработало. сэкономил много времени. спасибо – Sivadinesh

+0

@ user3035379: Если у вас есть решение вашего вопроса, вы должны принять ответ :) –

0

Вы можете использовать «Attribute starts with» селектора, а затем использовать this.id:

$('div[id^="tag"]').on('click', function() { 
    alert(this.id); // Get the ID 
    alert($(this).attr('value')); // Get the value attribute 
}); 

jsFiddle Demo

Следует однако отметить, что value не является допустимым атрибутом для <div> элементы. Таким образом, было бы лучше использовать data-value или вместо этого использовать <input>.

+0

работает как ветерок. – Sivadinesh

+0

@ user3035379 Возможно, вам понравится принять ответ. – BenM

4

Прежде всего, значение не является атрибутом div.

Но все же вы можете использовать это:

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

, чтобы получить атрибут ID, и с помощью этого, вы можете получить значение как:

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

Вы можете использовать его в качестве переменной и то делайте то, что когда-либо!

Смежные вопросы