jQuery使用循环创建选择选项

Joh*_*erp 4 jquery

我正在尝试使用jquery创建选择框,但链接随机填充,因此我需要遍历链接并抓住它来制作选择框,这是我的代码如何使用短手/循环吗?谢谢

HTML:

<p>
    <a href="#">option1</a>
    <a href="#">option2</a>
    <a href="#">option3</a>
</p>

<select  id="select"></select>
Run Code Online (Sandbox Code Playgroud)

JS:

$.fn.populate = function() {
    var option1 = $('p a:eq(0)').text();
    var option2 = $('p a:eq(1)').text();
    var option3 = $('p a:eq(2)').text();
  $(this)
    .append('<option value="">' + option1 + '</option>')
    .append('<option value="">' + option2 + '</option>')
    .append('<option value="">' + option3 + '</option>')
}

$('#select').populate();
Run Code Online (Sandbox Code Playgroud)

小提琴

Jam*_*gne 7

var $this = $(this);

$('p a').each(function(){
    $this.append('<option value="">' + $(this).text() + '</option>');
});
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/QgCqE/1/