从表格单元格中选择文本

Question

使用原生javascript或jQuery，我需要从表格单元格中的select中获取文本。我已经附上了我已经开始工作的代码，几乎可以让我得到我所需要的代码。

var tbl = document.getElementById('tblHours'); 
var rowCount = tbl.rows.length; 
var colCount = tbl.rows[0].cells.length; 

for (var i = 0;i<rowCount;i++) { 
    var myrow = tbl.rows[i]; 
    for (var j=0;j<colCount;j++) { 
     alert(myrow.cells[j].firstChild.innerHTML); 
    } 
} 

该代码的问题是它让我选择的原始html，我需要知道什么文本实际上被选中。谢谢！

Answer 1

切换到jQuery的！

var tbl = $('#tblHours'); 

tbl.find('tr').each(function(){ 
    $(this).find('td').each(function(){ 
     alert($(this).find('select :selected').val()); 
    }); 
}); 

我没有测试代码。只是例如。

Answer 2

如果你试图通过这一功能，从它剥离HTML或只使用代码它

function strip(html) 
{ 
    var tmp = document.createElement("DIV"); 
    tmp.innerHTML = html; 
    return tmp.textContent||tmp.innerText; 
} 

Answer 3

for (var i = 0;i<$('#tblHours tr').length;i++) { 
    var myrow = $('#tblHours').find('td'); 
    for (var j=0;j<myrow .length;j++) { 
     alert(myrow.text()); 
    } 
} 

Answer 4

对于HTML所选择的选项选择参考：http://api.jquery.com/selected-selector/

试试这个代码（未测试）：

var tbl = document.getElementById('tblHours'); 
var rowCount = tbl.rows.length; 
var colCount = tbl.rows[0].cells.length; 

for (var i = 0;i<rowCount;i++) { 
    var myrow = tbl.rows[i]; 
    for (var j=0;j<colCount;j++) { 
     alert($(myrow.cells[j]).find('select :selected')); 
    } 
}