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'
});

演示

Answer 2

嘗試這個 ：

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

工作JSfiddle

Answer 3

你可以試試這個

將其插入div后放置。

$('.editableTxt').html('my text here');