jQuery从表列中获取所有值

前端之家收集整理的这篇文章主要介绍了jQuery从表列中获取所有值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在寻找一种方法来使用jQuery从表格列中添加具有唯一值的选择框。到目前为止,我的尝试是徒劳的,但我对前端开发相对较新,所以我希望有人能够向我展示光。

干杯。

解决方法

这应该让你开始。请注意,我使用单元格内容作为选项的值和文本。你可能需要改变这一点,但是从这个问题来看还不清楚。
var items=[],options=[];

//Iterate all td's in second column
$('#tableId tbody tr td:nth-child(2)').each( function(){
   //add item to array
   items.push( $(this).text() );       
});

//restrict array to unique items
var items = $.unique( items );

//iterate unique array and build array of select options
$.each( items,function(i,item){
    options.push('<option value="' + item + '">' + item + '</option>');
})

//finally empty the select and append the items from the array
$('#selectId').empty().append( options.join() );
原文链接:https://www.f2er.com/jquery/181832.html

猜你在找的jQuery相关文章