2

私はこれを理解できないようです:

$(".task:last").append(  

$("<div/>", {class: 'clear'}) +  
$("<div/>", {class: 'time', text: '3:30pm'}) +
$("<div/>", {class: 'clear'}) 

)

残念ながら、これは [object, Object] の束として戻ってきます。HTML を追加するにはどうすればよいですか?

4

4 に答える 4

3
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は予約済みのキーワードであるためです。

于 2012-05-08T15:39:05.010 に答える
1
        $(".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' }));
于 2012-05-08T15:45:17.300 に答える
0
var t = '3:30pm';
var $el = '<div class="clear" /><div class="time"> Time: '+t+'</div><div class="clear" />';
    $(".task:last").append( $el );

http://jsbin.com/izegut/edit#javascript,html,live

于 2012-05-08T15:50:50.813 に答える
0
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");
});
​
于 2012-05-08T15:49:09.733 に答える