jQuery按行和列ID獲取單元格數據

Question

我想通過行和列ID獲取單元格數據。

以下是示例

var columnId=2;
var rowId=1;

我需要結果7.796

var columnId=3;
var rowId=1;

我需要結果"0.099"

var columnId=6;
var rowId=2;

 <table style="width:100%;border-collapse:collapse;float:left;margin-left:10px;margin-bottom: 30px;" border="1" cellspacing="0" cellpadding="0"> <thead> <tr style="background-color:#E5E4E2;color:black"> <th style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:20%;">Factor</th> <th class="factor_value" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;width:2%;">Factor Value</th> <th id="2_8" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">Inverse Relationship</th> <th id="3_9" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">Value 2</th> <th id="4_10" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">Minimum Score</th> <th id="5_11" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">Midpoint</th> <th id="6_12" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">Slope</th> <th id="7_13" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">Transformed Value</th> </tr> </thead> <tbody> <tr id="F_4"> <td style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">Operating Margin (Operating Profit / Sales)</td> <td id="CH_245" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">7.796</td> <td class="fields" fieldtype="2" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">No</td> <td class="formula_field fields" formula-coded="(@F_4º@FC_2º==&quot;@Noº&quot;,@CH_244º,@CH_244º*-1)" fieldtype="6" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;"></td> <td class="fields" fieldtype="2" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">No</td> <td class="fields" fieldtype="1" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">0.099</td> <td class="fields" fieldtype="1" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">26.182</td> <td class="formula_field fields" formula-coded="1+(1+EXP(-@F_4º@FC_6º*(@F_4º@FC_3º-@F_4º@FC_5º)))" fieldtype="6" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;"></td> </tr> <tr id="F_6"> <td style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">Cash Ratio (Cash to Current Liabilities)</td> <td id="CH_259" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">1.312</td> <td class="fields" fieldtype="2" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">No</td> <td class="formula_field fields" formula-coded="(@8º====@11_Noº,@C_259º,@C_259º*-1)" fieldtype="6" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;"></td> <td class="fields" fieldtype="2" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">No</td> <td class="fields" fieldtype="1" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">0.251</td> <td class="fields" fieldtype="1" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">11.823</td> <td class="formula_field fields" formula-coded="1+(1/EXP(-@12º*(@9º-@11º)))" fieldtype="6" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;"></td> </tr> </tbody> </table> 

Answer 1

這是一種可能的解決方案：

 var row=2;//since the head takes a row too var col1=2; var col2=6; console.log($('table tr').eq(row-1).find('td').eq(col1-1).text()); console.log($('table tr').eq(row-1).find('td').eq(col2-1).text()); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table style="width:100%;border-collapse:collapse;float:left;margin-left:10px;margin-bottom: 30px;" border="1" cellspacing="0" cellpadding="0"> <thead> <tr style="background-color:#E5E4E2;color:black"> <th style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:20%;">Factor</th> <th class="factor_value" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;width:2%;">Factor Value</th> <th id="2_8" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">Inverse Relationship</th> <th id="3_9" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">Value 2</th> <th id="4_10" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">Minimum Score</th> <th id="5_11" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">Midpoint</th> <th id="6_12" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">Slope</th> <th id="7_13" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">Transformed Value</th> </tr> </thead> <tbody> <tr id="F_4"> <td style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">Operating Margin (Operating Profit / Sales)</td> <td id="CH_245" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">7.796</td> <td class="fields" fieldtype="2" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">No</td> <td class="formula_field fields" formula-coded="(@F_4º@FC_2º==&quot;@Noº&quot;,@CH_244º,@CH_244º*-1)" fieldtype="6" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;"></td> <td class="fields" fieldtype="2" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">No</td> <td class="fields" fieldtype="1" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">0.099</td> <td class="fields" fieldtype="1" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">26.182</td> <td class="formula_field fields" formula-coded="1+(1+EXP(-@F_4º@FC_6º*(@F_4º@FC_3º-@F_4º@FC_5º)))" fieldtype="6" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;"></td> </tr> <tr id="F_6"> <td style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">Cash Ratio (Cash to Current Liabilities)</td> <td id="CH_259" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">1.312</td> <td class="fields" fieldtype="2" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">No</td> <td class="formula_field fields" formula-coded="(@8º====@11_Noº,@C_259º,@C_259º*-1)" fieldtype="6" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;"></td> <td class="fields" fieldtype="2" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">No</td> <td class="fields" fieldtype="1" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">0.251</td> <td class="fields" fieldtype="1" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;">11.823</td> <td class="formula_field fields" formula-coded="1+(1/EXP(-@12º*(@9º-@11º)))" fieldtype="6" style="border:1px solid gray;text-align:left;color:black;padding:10px; padding-top: 15px;min-width:3%;"></td> </tr> </tbody> </table> 

Answer 2

使用:nth()並使用您的vars構建CSS選擇器。 在這里查看更多信息

以下行適用於您的代碼：

var row = 1;
var column = 2;
$('tbody tr:nth(' + row+ ')').find('td:nth(' + column + ')').text();

參見JSFiddle演示

Answer 3

對於第一行和第二列，請嘗試以下選擇器

$("table tbody tr:nth-child(1) td:nth-child(2)")

供參考-http://plnkr.co/edit/LoeHl4dPpl9VRf1ywdwB?p=preview

您現在可以通過傳遞參數來自定義上述內容。