javascript - jquery使用jquery在元素内添加元素

Question

我有一个 jquery elemnt s，我需要插入另一个 elemnt

 var s = $('div').html('<button class="mdl-button"></button>');
    var x = s.html('< i class="material-icons" >&#xE834;</i>');
    var a=x.addClass('.mdl-color-text--green-600');

然后将 css 类应用到内部 html

var t=s.html('<i class="material-icons" >&#xE5CA;</i>');

但最后它只返回

< i class="material-icons" >&#xE834;</i>

没有周围的潜水。

Answer 1

使用 jQuery 创建元素，这样您就可以引用它们

var button = $('<button />', { // create a "button"
        'class' : 'mdl-button'
}),
    i = $('<i />', {           // create a "i"
        'class' : 'material-icons',
        html    : '&#xE834;'
});

$('div').empty().append(button, i); // add elements to DOM

i.addClass('.mdl-color-text--green-600'); // add another class to an element