我正在尝试使用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)
var $this = $(this);
$('p a').each(function(){
$this.append('<option value="">' + $(this).text() + '</option>');
});
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
21746 次 |
| 最近记录: |