javascript - 使用值创建新的 div 属性

Question

我有以下创建新 Div 的 jQuery 代码，并将其附加到具有某些属性的父级。

 $.each(data.ConsultantDetails.ScopeOfSevrices, function (index) {
   $("#parentOptionDiv").append($('<div/>', {
     "id": data.ConsultantDetails.ScopeOfSevrices[index].Value,
     "class": 'item',
     "data-value":''
   }))
 });

它呈现 HTML

<div id="9" class="item" data-value=""></div>

如何将值放在 <div> My Value </div> 之间

预期

<div id="9" class="item" data-value="">MY Value</div>

Answer 1

使用 text 选项:

$.each(data.ConsultantDetails.ScopeOfSevrices, function (index) {
  $("#parentOptionDiv").append($('<div/>', {
    "id": data.ConsultantDetails.ScopeOfSevrices[index].Value,
    "class": 'item',
    "data-value":'',
    "text": "My Value"
  }))
});

the documentation 涵盖了这一点对于这种形式的 $() 调用:

As of jQuery 1.4, any event type can be passed in, and the following jQuery methods can be called: val, css, html, text, data, width, height, or offset.