javascript - 如何定位 jQuery 输出？

Question

我有以下使用 JSON 文件生成下拉列表的内容：

<script type="text/javascript">
  $.getJSON('shares.json', function(data) {
  var items = [];

  $.each(data.Destinations, function(key, val) {
  items.push('<option id="' + val.shareName + '">' + val.shareName+ '</option>');
  });

  $('<select/>', {
    'class': 'my-new-list',
    html: items.join('')
  }).appendTo('body');
});
</script>

我不能像往常一样定位这个下拉菜单，我怎么能告诉它去一个 div 例如？我想 appendTo('body') 只是将它添加到我的 HTML 的末尾，但是你如何改变它呢？

谢谢！

Answer 1

试试这个

  $('<select/>', {
    'class': 'my-new-list',
    html: items.join('')
  }).appendTo('#myDiv');

您不必附加到正文...您可以附加到任何可以包含指定元素的元素。

Answer 2

您正在以与将其附加到 div 的方式相同的方式附加生成的 html。

<script type="text/javascript">
  $.getJSON('shares.json', function(data) {
  var items = [];

  $.each(data.Destinations, function(key, val) {
  items.push('<option id="' + val.shareName + '">' + val.shareName+ '</option>');
  });

  $('<select/>', {
    'class': 'my-new-list',
    html: items.join('')
  }).appendTo('#divId');
});
</script>