如何定位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>

我不能像通常那样定位这个drop，例如，我如何告诉它转到一个div？我想appendTo('body')只是简单地把它添加到我的超文本标记语言的末尾，但是你怎么改变它呢？

谢谢!

Answer 1

尝尝这个

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

您不必附加到body...you，可以附加到任何可以包含指定元素的元素。

Answer 2

将生成的html附加到body中的方式与将其附加到div中的方式相同。

<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>