如何在jQuery中获取动态生成元素的分配id?
我已经在部分视图中从下面的代码动态生成了div如何在jQuery中获取动态生成元素的分配id?,jquery,html,partial-views,Jquery,Html,Partial Views,我已经在部分视图中从下面的代码动态生成了div $('#album').click(function (e) { var l = window.location; var base_url = l.protocol + "//" + l.host; e.preventDefault(); $.ajax({ type: "POST", url: base_url + '/CreateAlbum/DisplayAlbum',
$('#album').click(function (e) {
var l = window.location;
var base_url = l.protocol + "//" + l.host;
e.preventDefault();
$.ajax({
type: "POST",
url: base_url + '/CreateAlbum/DisplayAlbum',
success: function (data) {
$.each(data, function (index, el) {
console.log(el);
for (i = 0; i < el.length; i++) {
div = $('<div class="albumclass" />');
**img = $('<img src="/Content/images/fold.jpg" width=150 height=150 assigned-id ='+el[i]["ID"]+'/>').prependTo(div);**
lbl = $('<label/>').text(el[i]["title"]).appendTo(div);
div.appendTo('.album_inner');
}
});
},
error: function (jqXHR, textStatus, errorThrown) {
alert("Error");
}
});
});
任何人请帮忙
分配的id
是元素的属性而不是属性。您需要使用.attr('assigned-id')
:
注意:您应该使用.data-*属性(在HTML5中添加)来添加自定义属性,因为添加您自己的属性可能会破坏元素验证并使html无效(请参阅)
我建议您使用
data-*
前缀自定义属性
<div class="albumclass">
<img src="/Content/images/fold.jpg" width="150" height="150" data-assigned-id="9/">
<label>15Sep2015</label>
</div>
它应该是attr吗?不是数据吗?@Neethu:你能分享相关html和js代码吗??
$('.album_inner').on('dblclick', '.albumclass img', function (e) {
$("#albumId").val($(this).attr('assigned-id'));
});
<div class="albumclass">
<img src="/Content/images/fold.jpg" width="150" height="150" data-assigned-id="9/">
<label>15Sep2015</label>
</div>
$('.album_inner').on('dblclick', '.albumclass img', function (e) {
$("#albumId").val($(this).data('assigned-id'));
});
<div class="albumclass">
<img src="/Content/images/fold.jpg" width="150" height="150" data-assigned-id="9/">
<label>15Sep2015</label>
</div>
$('.album').on('dblclick', '.albumclass img', function (e) {
$("#albumId").val($(this).data('assigned-id'));
//As per current implementation use
//$("#albumId").val($(this).attr('assigned-id'));
});