Javascript 从html数据获取列数据

Javascript 从html数据获取列数据,javascript,jquery,html,Javascript,Jquery,Html,我想得到一个th的所有列的值。例如,当我访问th时,我想获得该专栏中的所有td $(document).ready(function(){ $('.tableizer-table th').each(function(index,val){ $('.tableizer-table tr td').eq(index).each(function (index,value) { console.log(value); }); }); });

我想得到一个th的所有列的值。例如,当我访问th时,我想获得该专栏中的所有td

$(document).ready(function(){
$('.tableizer-table th').each(function(index,val){

       $('.tableizer-table tr td').eq(index).each(function (index,value) {
        console.log(value);
       });


  });
  });

上面的代码不起作用。

这会获取每列的数据,但如果您知道所需的最终结果,那就太好了,正如@Thinker所问的:

$(document).ready(function(){
  $('.tableizer-table th').each(function(index,val){
    console.log(index);
    $('.tableizer-table tr').each(function() {
       console.log($($(this).find('td')[index]).text())
    });
  });
});

这将获得每列的数据,但最好知道所需的最终结果,正如@Thinker所问的:

$(document).ready(function(){
  $('.tableizer-table th').each(function(index,val){
    console.log(index);
    $('.tableizer-table tr').each(function() {
       console.log($($(this).find('td')[index]).text())
    });
  });
});

所以你不想要html,只想要文本


使用
$(this).text()
而不是
中的
值。each()

这样您就不需要html,只需要文本了


使用
$(this).text()
而不是
中的
。each()

为什么不为所需的单元格指定一个唯一的类名,然后通过一次调用提取整个类:

    $('.mycolumnX')

然后,您可以循环数组中的结果。

为什么不为所需的单元格指定一个唯一的类名,然后通过一次调用提取整个类:

    $('.mycolumnX')

然后,您可以循环数组中的结果。

您可以根据如下列获取数据

(注意:您将在单击第条时获得数据)

$('.tableizer table th')。单击(函数(){
var getData=[];
对于(变量i=0;i<$(“.tableizer table tbody tr”)。长度;i++){
getData.push($(“.tableizer table tbody tr td”).eq($(this.index()).text());
}
警报(getData)
});

项目#
家庭
等级
特点
完整描述
格式
计量单位
价格
更新
来源
铸造合金(HR)-HA(10 Cr Bal-Fe)(CPO)
金属铀合金
耐热铸造合金(价格仅基于商品成分,无需加工)
组件的市场价格
美元/磅
$0.192 
10/23/15
MetalPricing.com(CPO)
合金(HR)铸造-HC(26 Cr,4 Ni)(CPO)
金属铀合金
耐热铸造合金(价格仅基于商品成分,无需加工)
组件的市场价格
美元/磅
$0.556 
10/23/15
MetalPricing.com(CPO)
合金(HR)铸造-HD(26 Cr 6 Ni)(CPO)
金属铀合金
耐热铸造合金(价格仅基于商品成分,无需加工)
组件的市场价格
美元/磅
$0.647 
10/23/15
MetalPricing.com(CPO)
合金(HR)铸造-HE(26 Cr 10 Ni)(CPO)
金属铀合金
耐热铸造合金(价格仅基于商品成分,无需加工)
组件的市场价格
美元/磅
$0.848 
10/23/15
MetalPricing.com(CPO)
合金(HR)铸造-HF(20Cr10Ni)(CPO)
金属铀合金
耐热铸造合金(价格仅基于商品成分,无需加工)
组件的市场价格
美元/磅
$0.789 
10/23/15
MetalPricing.com(CPO)
合金(HR)铸造-HH(25 Cr,12 Ni)(CPO)
金属铀合金
耐热铸造合金(价格仅基于商品成分,无需加工)
组件的市场价格
美元/磅
$0.935 
10/23/15
MetalPricing.com(CPO)
合金(HR)铸造-HI(26 Cr,5 Ni)(CPO)
金属铀合金
耐热铸造合金(价格仅基于商品成分,无需加工)
组件的市场价格
美元/磅
$1.090 
10/23/15
MetalPricing.com(CPO)
合金(HR)铸造-香港(25 Cr,20 Ni)(CPO)
金属铀合金
耐热铸造合金(价格仅基于商品成分,无需加工)
组件的市场价格
美元/磅
$1.323 
10/23/15
MetalPricing.com(CPO)

您可以根据以下列获取数据

(注意:您将在单击第条时获得数据)

$('.tableizer table th')。单击(函数(){
var getData=[];
对于(变量i=0;i<$(“.tableizer table tbody tr”)。长度;i++){
getData.push($(“.tableizer table tbody tr td”).eq($(this.index()).text());
}
警报(getData)
});

项目#
家庭
等级
特点
完整描述
格式
计量单位
价格
更新
来源
铸造合金(HR)-HA(10 Cr Bal-Fe)(CPO)
金属铀合金
耐热铸造合金(价格仅基于商品成分,无需加工)
组件的市场价格
美元/磅
$0.192 
10/23/15
MetalPricing.com(CPO)
合金(HR)铸造-HC(26 Cr,4 Ni)(CPO)
金属铀合金
耐热铸造合金(价格仅基于商品成分,无需加工)
组件的市场价格
美元/磅
$0.556 
10/23/15
MetalPricing.com(CPO)
合金(HR)铸造-HD(26 Cr 6 Ni)(CPO)
金属铀合金
耐热铸造合金(价格仅基于商品成分,无需加工)
组件的市场价格
美元/磅
$0.647 
10/23/15
MetalPricing.com(CPO)
合金(HR)铸造-HE(26 Cr 10 Ni)(CPO)
金属铀合金
耐热铸造合金(价格仅基于商品成分,无需加工)
组件的市场价格
美元/磅
$0.848 
10/23/15
MetalPricing.com(CPO)
合金(HR)铸造-HF(20Cr10Ni)(CPO)
金属铀合金
耐热铸造合金(价格仅基于商品成分,无需加工)
组件的市场价格
美元/磅
$0.789 
10/23/15
MetalPri