Question

我在部分视图中动态生成了以下代码中的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',
        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");
        }
    });


});

我需要在jquery中捕获当前双击图像的'assigned-id'的值。我尝试了下面的代码但结果'undefined'

 $('.album').on('dblclick', '.albumclass img', function (e) {         

        $("#albumId").val($(this).data('assigned-id'));

    });

任何人请帮助

Answer 1

assigned-id是属性，而不是元素的属性。您需要使用.attr('assigned-id')：

 $('.album_inner').on('dblclick', '.albumclass img', function (e) {         
    $("#albumId").val($(this).attr('assigned-id'));
 });

注意：您应该使用.data- *属性（在HTML5中添加）来添加自定义属性，因为添加自己的属性可能会破坏元素验证并使html无效（请参阅https://stackoverflow.com/a/1735239/1719752）。

<div class="albumclass">
 <img src="/Content/images/fold.jpg" width="150" height="150" data-assigned-id="9/">
 <label>15Sep2015</label>
</div>

然后使用.data()获取与之关联的设置值：

 $('.album_inner').on('dblclick', '.albumclass img', function (e) {         
    $("#albumId").val($(this).data('assigned-id'));
 });

Answer 2

我建议您使用data-*前缀自定义属性

<div class="albumclass">
    <img src="/Content/images/fold.jpg" width="150" height="150" data-assigned-id="9/">
    <label>15Sep2015</label>
</div>

然后您可以使用data()来获取它。

 $('.album').on('dblclick', '.albumclass img', function (e) {         
    $("#albumId").val($(this).data('assigned-id'));

    //As per current implementation use
    //$("#albumId").val($(this).attr('assigned-id'));
 });

如何在jQuery中获取动态生成元素的assign-id？

2 个答案: