即时添加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); 

只有这样您才可以使用选择器来查找元素并对其进行操作。