jquery - 将元素动态附加到 div 并设置 css 样式

Question

Id='a';      
linkId   = '#dialog_link' + Id;

htmlCode = '<p><a href="#" id="' + linkId + '" class="ui-state-default ui-corner-all"><span></span>Open Window</a></p>';        
$('#WindowsContainer').append(htmlCode);

$(linkId).css('padding: .4em 1em .4em 20px;text-decoration: none;position: relative;');
$(linkId + ' span.ui-icon').css('margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;');

最后两行不影响 id# "dialog_linka"的样式。

Answer 1

使用设置的样式从 jquery 创建元素。

var id = 2;
var link = $('<a/>',{
   id:'dialog_link' + id,
   class: 'ui-state-default ui-corner-all',
   text: 'Open Window',
   css:{
     padding: '.4em 1em .4em 20px',
     'text-decoration': 'none',
     position: 'relative'
   }
})

演示 Jsfiddle

引用资料 - Creating element from jquery