jquery - 等效于 jQuery 中的 document.createElement ('option' )

Question

我只想追加或添加一些 option元素进入 select元素。我要追加的元素是迭代的结果。在每次迭代中，我将创建一个 option并将其添加到 select元素。我需要执行以下逻辑，但在 jQuery 中。

keys.forEach(item => {
  var elem = document.createElement('option')
  elem.textContent = item
  document.querySelector("#Select").appendChild(elem)
}

Answer 1

相当于这个 createElement()在 jQuery 中是将整个元素字符串提供给 jQuery 对象构造函数:$('<option />') .请注意，您还可以通过向第二个参数提供对象来设置属性并从构造函数调用方法。逻辑的直接转换如下所示:

keys.forEach(item => {
 $('<option />', { text: item }).appendTo('#Select');
});

但是值得注意的是，这种方法需要访问 DOM，并为循环的每次迭代定义一个新的 jQuery 对象。一种更高效的方法是使用 map()而不是 forEach()构建要附加到 DOM 的字符串数组，如下所示:

let options = keys.map(item => `<option>${item}</option>`); // optional: join('')
$('#Select').append(options);