jquery read table

最新推荐文章于 2025-09-06 08:01:57 发布

原创最新推荐文章于 2025-09-06 08:01:57 发布 · 101 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

本文介绍了一种使用jQuery操作DOM的方法，具体展示了如何从表格中提取特定列的数据，并将其转换为不含重复项的下拉选项列表。该过程涉及遍历表格行、获取指定列的内容、去除重复项并最终填充到选择框中。


$('#mytable tr').each(function() {
    var customerId = $(this).find("td").eq(2).html();    
});


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() );