javascript - jQuery 指定内部 html

Question

我正在创建一个 jQuery div 元素，如下所示；

var divEle = $('<div />', {'class': 'editableTxt','data-model-attr':currElmModelAttr,'data-model-id':'currElmModelId'});

现在我想在这个 div 中附加 html 文本/值...

所以它应该呈现为；

<div class="editableTxt" data-model-attr="modelAttr" data-model-id="currElmModelId">My INNER HTML/TEXT</div>

我目前正在做；

$(this).parent().append(divEle).append($(this).val());

但这会将其呈现为单独的子元素，而不是在 divEle 内...

如何使用上面相同的语法指定？

Answer 1

您应该使用.html()将 html 设置为 divEle

$(this).parent().append(divEle.html($(this).val()));

或者

简单地使用

var divEle = $('<div />', {
    'class': 'editableTxt',
    'data-model-attr': currElmModelAttr,
    'data-model-id': 'currElmModelId',
    'html' : 'My INNER HTML/TEXT'
});

DEMO