使用jQuery循环遍历html表

Question

我有一个html表,我想基本上遍历每行和每行的每个单元格,只需打印出结果.一件事是一些单元格有输入框,一些有选择下拉列表,一些有TD内部的原始内容.

简单地浏览html表中的每个单元格并获取每个单元格的结果的最快方法是什么.对于选择下拉列表,我想要捕获选择的值(不是显示文本).

Answer 1

在线演示:http://jsbin.com/ewazu

我TD先循环每一个,然后评估是否first-child是input元素.如果是,我们将返回其值.如果不是,我们会询问它是否产生文本.如果它产生文本,我们要求提供文本.如果它不生成文本,我们请求HTML TD:

$("table td").each(function(i,o){
  var value = ( $(":first-child", this).is(":input") ) 
    ? $(":first-child", this).val() 
    : ( $(this).text() != "" ) 
      ? $(this).text() 
      : $(this).html() ;
  alert(value);
});