使用$（html，props）和attaching.data使用jQuery创建新元素

我正在使用对象表示法（）动态创建一个列表项，我希望能够向其中添加jQuery

.data（）

（）

我有当前代码：

$('<li>', {
        id: 'filter',
        text: 'Data Filter 1',
        click: function() {
            filter['jQuery_object'] = $(this);
            filters_display.trigger('remove', filter);
        }
    }).appendTo($(this));

只需将

.data（'filter'，filter）

添加到您的链中

$('<li>', {
        id: 'filter',
        text: 'Data Filter 1',
        click: function() {
            filter['jQuery_object'] = $(this);
            filters_display.trigger('remove', filter);
        }
    }).appendTo($(this)).data('filter', filter);

$（“
”{
id:'过滤器'，
文本：“数据筛选器1”，
单击：函数（）{
过滤器['jQuery\u object']=$（这个）；
过滤器\显示触发器（“删除”，过滤器）；
}
}).appendTo（$（this））.data（'filter'，filter）；

var div=$（“”{
数据：{
傅：“酒吧”
}
});
警报（div.data（“foo”）；//=>酒吧

我在jQuery IRC频道中询问过，内容非常简单：

var div = $("<div></div>", {
    data: {
        foo: "bar"
    }
});

alert( div.data("foo") );

var div=$（“”{
数据：{
傅：“酒吧”
}
});
警报（部门数据（“foo”）；

---

jQuery IRC频道的答案：

将数据附加到$（this）而不是li，不是吗？@Treffynnon--no，

appendTo（）

仍将返回新创建的

--请参阅：接受的答案来自在IRC频道中提供帮助的同一个人。

$('<li>', {
        id: 'filter',
        text: 'Data Filter 1',
        click: function() {
            filter['jQuery_object'] = $(this);
            filters_display.trigger('remove', filter);
        }
    }).appendTo($(this)).data('filter', filter);

var div = $("<div></div>", {
    data: {
        foo: "bar"
    }
});

alert( div.data("foo") ); // => bar

var div = $("<div></div>", {
    data: {
        foo: "bar"
    }
});

alert( div.data("foo") );