使用$(html,props)和附加.data使用jQuery创建新元素

概述我正在使用对象表示法( http://api.jquery.com/jQuery/#jQuery2)动态创建一个列表项,我希望能够向它添加一个jQuery .data()( http://api.jquery.com/data/). 我有当前的代码： $('<li>', { id: 'filter', text: 'Data Filter 1', c 我正在使用对象表示法( http://api.jquery.com/jQuery/#jQuery2)动态创建一个列表项,我希望能够向它添加一个jquery .data()( http://api.jquery.com/data/).

我有当前的代码：

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

我试过这个：

$('<li>',load: function() {            $(this).data('filter',filter);        },filter);        }    }).appendTo($(this));

但是当< li>时,似乎没有触发.load()事件.被附加到DOM.有没有办法在不选择新的< li>的情况下完成此 *** 作.通过它的身份z？

我设想它通过返回一个对象数组来完成这样的工作：

$('<li>',data: function() {            return [{ key: 'filter',value: filter }]        }        click: function() {            filter['jquery_object'] = $(this);            filters_display.trigger('remove',filter);        }    }).appendTo($(this));

解决方法

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

总结

以上是内存溢出为你收集整理的使用$(html,props)和附加.data使用jQuery创建新元素全部内容，希望文章能够帮你解决使用$(html,props)和附加.data使用jQuery创建新元素所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。