Question

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

 $.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涵盖了此内容：

从jQuery 1.4开始，可以传入任何事件类型，并且可以调用以下jQuery方法：val，css，html，text，{ {1}}，data，width或height。

Answer 2

像这样使用RewriteEngine on RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^.*$ index.php [L]

text

$("#parentOptionDiv").append($('<div/>', {
  "class": 'item',
  "data-value": '',
  "text": "My value"
}))

Answer 3

这是如何使用纯JavaScript（与JQuery一起工作！）

var div = document.createElement("div"); // Create new element or use existing element
div.innerText = "The text";              // Set the text
// or ..
var text = document.createTextNode("The text"); // Create a text node
div.appendChild(text);                          // Append text node to div
// Or if you want to append another element
var anotherElement = document.createElement("div"); // Create new element or use existing element
div.appendChild(anotherElement);                    // Append the other element into the div

使用值创建新的div属性

3 个答案: