我有以下jQuery代码可以工作,但它让我思考,如果有可能对附加的内容执行追加操作,而无需指定我想要追加的内容. append().append()没有做到这一点,它只是将两个元素放在一起,而不是第一个append()动作的子元素.
作品：
- var container = $('#container'),child = 'child';
- $('#container').append($('<div/>',{
- 'id' : 'child'
- }));
- $('#' + child).append($('<a/>',{
- 'class' : 'close','href' : 'javascript:;',html : 'close',click : function(e){
- e.preventDefault();
- $('#' + child).remove();
- }
- }));
不起作用：
- var container = $('#container'),{
- 'id' : 'child'
- })).append($('<a/>',click : function(e){
- e.preventDefault();
- $('#' + child).remove();
- }
- }));
解决方法
您可以使用
.appendTo()追加第一个< div>到具有ID容器的元素,以便您具有对该新元素的引用,然后使用.append()：
- $('<div/>',{
- 'id' : 'child'
- }).appendTo('#container').append(
- $('<a/>',{
- 'class' : 'close',click : function(e){
- e.preventDefault();
- $('#' + child).remove();
- }
- })
- );
