私はこれを理解できないようです:
$(".task:last").append(
$("<div/>", {class: 'clear'}) +
$("<div/>", {class: 'time', text: '3:30pm'}) +
$("<div/>", {class: 'clear'})
)
残念ながら、これは [object, Object] の束として戻ってきます。HTML を追加するにはどうすればよいですか?
私はこれを理解できないようです:
$(".task:last").append(
$("<div/>", {class: 'clear'}) +
$("<div/>", {class: 'time', text: '3:30pm'}) +
$("<div/>", {class: 'clear'})
)
残念ながら、これは [object, Object] の束として戻ってきます。HTML を追加するにはどうすればよいですか?
var first = $("<div/>", {"class": 'clear'}),
second = $("<div/>", {"class": 'time', text: '3:30pm'}),
third = $("<div/>", {"class": 'clear'}) ;
$(".task:last").append(first, second, third);
あなたも試すことができます:
$(".task:last").append(
$("<div/>", {class: 'clear'}),
$("<div/>", {class: 'time', text: '3:30pm'}),
$("<div/>", {class: 'clear'})
);
配列の使用:
var element = [
$("<div/>", {class: 'clear'}),
$("<div/>", {class: 'time', text: '3:30pm'}),
$("<div/>", {class: 'clear'})
];
$.each(element, function() {
this.appendTo('.task:last');
});
また
$.each(element, function() {
$('.task:last').append(this);
});
ノート:
ではないclass: 'clear'
、すべきである、'class': 'clear'
またはclassName: 'clear'
。class
は予約済みのキーワードであるためです。
$(".task:last").append($("<div/>", { class: 'clear' }));
$(".task:last").append($("<div/>", { class: 'time', text: '3:30pm' }));
$(".task:last").append($("<div/>", { class: 'clear' }));
//または
$(".task:last").append($("<div/>", { class: 'clear' }), $("<div/>", { class: 'time', text: '3:30pm' }), $("<div/>", { class: 'clear' }));
var t = '3:30pm';
var $el = '<div class="clear" /><div class="time"> Time: '+t+'</div><div class="clear" />';
$(".task:last").append( $el );
var elms = [$("<div/>", {className: 'clear'}),
$("<div/>", {className: 'time', text: '3:30pm'}),
$("<div/>", {className: 'clear'})
];
$(".task:last").append(elms[0], elms[1], elms[2]);
また
var elms = [$("<div/>", {className: 'clear'}),
$("<div/>", {className: 'time', text: '3:30pm'}),
$("<div/>", {className: 'clear'})
];
$.each(elms, function() {
$(this).appendTo(".task:last");
});