jQuery查找包含特定数据属性的所有元素并转换为数组

如何提取页面上具有特定数据属性的所有元素，并将结果转换为下拉列表

到目前为止，我得到的是：

<div data-position="first" data-section="Main Section"></div>
<div data-position="second" data-section="Sub Section"></div>
<div data-position="third" data-section="Footer Section"></div>

result = '';
result2 = '';
$('#content').each(function(){
    result += $(this).find('div[data-position]').data('position');
    result2 += $(this).find('div[data-section]').data('section');
})

结果=''；
结果2=''；
$（'#content'）。每个（函数（）{
结果+=$（this.find（'div[data position'））.data（'position'）；
result2+=$（this.find（'div[data section'））.data（'section'）；
})

这样做的想法是：

<option value="first">Main Section</option>
<option value="second">Sub Section</option>
<option value="third">Footer Section</option>

主要部分
小节
页脚部分

$（“#内容分区[数据位置][数据部分]”）。每个（函数（）{
变量位置=$（this）.data（'position'）；
var section=$（this.data（'section'）；
$（“#selectID”）。追加（$（“”）{
值：位置，
正文：第节
});
});

字符串附加方法

$('div[data-position][data-section]').each(function(){
    var data = $(this).data(),
        option = '<option value="' + data.position + '">' + data.section + '</option>';
    $('#selectID').append(option);
});

$（'div[数据位置][数据段]）。每个（函数（）{
var data=$（this）.data（），
选项=“”+data.section+“”；
$（'#selectID'）。附加（选项）；
});

$('div[data-position][data-section]').each(function(){
    var data = $(this).data(),
        option = '<option value="' + data.position + '">' + data.section + '</option>';
    $('#selectID').append(option);
});