jQuery按行和列ID获取单元格数据

Question

I want to get Cell data by Row and Column Id.

Below is Example

var columnId=2;
var rowId=1;

I need result 7.796

var columnId=3;
var rowId=1;

I need result "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

Here is one possible solution:

 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

Use :nth() and build the CSS selectors using your vars. See more info here

Following line should work for your code:

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

See JSFiddle demo

Answer 3

For 1st row and 2nd column, try following selector

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

For reference - http://plnkr.co/edit/LoeHl4dPpl9VRf1ywdwB?p=preview

You can now customize the above by passing parameters.