即時添加jQuery更新元素？

Question

我的代碼不工作，我想是因爲元素的飛行添加：

var tooltip = $('<div/>').insertAfter('.trigger').addClass('tooltip'); 
var tname = $('<span/>').addClass('tname').text('(...)'); 
tooltip.html(tname.html()): 

// Ajax call 
success: function() { 
    tname.html('success'); // not working 
    $('.tooltip').find('.tname').html('success'); // not working 
    $('.tname').html('success'); // not working 
} 

Answer 1

這不起作用，因爲您沒有將tname元素插入到DOM中。看到這個如下修正：

var tooltip = $('<div/>').insertAfter('.trigger').addClass('tooltip'); 
var tname = $('<span/>').addClass('tname').text('(...)'); 
tooltip.html(""); 
tooltip.append(tname); 

// Ajax call 
success: function() { 
    tname.html('success'); // should work 
    $('.tooltip').find('.tname').html('success'); // should work 
    $('.tname').html('success'); // should work 
} 

Answer 2

你不插入跨度到DOM。

//              append to some element 
var tname = $('<span/>').addClass('tname').text('(...)').appendTo(tooltip); 

只有這樣您纔可以使用選擇器來查找元素並對其進行操作。