关于一个很纠结的jQuery获取table子控件数据的有关问题

关于一个很纠结的jQuery获取table子控件数据的问题
有一个五行五列的table，代码如下：

HTML code

&lt;table width="385" height="370" border="3"&gt;  &lt;tr&gt;    &lt;td width="41"&gt;&nbsp;&lt;/td&gt;    &lt;td width="65"&gt;A&lt;/td&gt;    &lt;td width="69"&gt;B&lt;/td&gt;    &lt;td width="82"&gt;C&lt;/td&gt;    &lt;td width="90"&gt;D&lt;/td&gt;  &lt;/tr&gt;  &lt;tr&gt;    &lt;td&gt;A&lt;/td&gt;    &lt;td&gt;1&lt;/td&gt;    &lt;td&gt;&lt;select class="s1"&gt;&lt;option&gt;1&lt;/option&gt;&lt;option&gt;2&lt;/option&gt;&lt;option&gt;3&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;    &lt;td&gt;&lt;select class="s1"&gt;&lt;option&gt;1&lt;/option&gt;&lt;option&gt;2&lt;/option&gt;&lt;option&gt;3&lt;/option&gt;&lt;/select&gt;;&lt;/td&gt;    &lt;td&gt;&lt;select class="s1" name="select"&gt;      &lt;option&gt;1&lt;/option&gt;      &lt;option&gt;2&lt;/option&gt;      &lt;option&gt;3&lt;/option&gt;    &lt;/select&gt;    &lt;/td&gt;  &lt;/tr&gt;  &lt;tr&gt;    &lt;td&gt;B&lt;/td&gt;    &lt;td&gt;&nbsp;&lt;/td&gt;    &lt;td&gt;1&lt;/td&gt;    &lt;td&gt;&lt;select class="s1" name="select2"&gt;      &lt;option&gt;1&lt;/option&gt;      &lt;option&gt;2&lt;/option&gt;      &lt;option&gt;3&lt;/option&gt;    &lt;/select&gt;    &lt;/td&gt;    &lt;td&gt;&lt;select class="s1" name="select3"&gt;      &lt;option&gt;1&lt;/option&gt;      &lt;option&gt;2&lt;/option&gt;      &lt;option&gt;3&lt;/option&gt;    &lt;/select&gt;    &lt;/td&gt;  &lt;/tr&gt;  &lt;tr&gt;    &lt;td&gt;C&lt;/td&gt;    &lt;td&gt;&nbsp;&lt;/td&gt;    &lt;td&gt;&nbsp;&lt;/td&gt;    &lt;td&gt;1&lt;/td&gt;    &lt;td&gt;&lt;select class="s1" name="select4"&gt;      &lt;option&gt;1&lt;/option&gt;      &lt;option&gt;2&lt;/option&gt;      &lt;option&gt;3&lt;/option&gt;    &lt;/select&gt;    &lt;/td&gt;  &lt;/tr&gt;  &lt;tr&gt;    &lt;td&gt;D&lt;/td&gt;    &lt;td&gt;&nbsp;&lt;/td&gt;    &lt;td&gt;&nbsp;&lt;/td&gt;    &lt;td&gt;&nbsp;&lt;/td&gt;    &lt;td&gt;1&lt;/td&gt;  &lt;/tr&gt;&lt;/table&gt;

这个表的特点是：只有对角线右上select控件，对角线全是1，下三角空。select控件都是有class属性的。
有两个问题：
1.如果我选定某行i某列j中的某一个select控件（i=3，j=5，行列数均从1开始），如何确定“前面”所有的select控件数量。“前面”只得是以行有限原则遍历，直到遍历到选中的select。

2.如何获取选中的select所在列的表头文字。

[解决办法]

HTML code

&lt;script type="text/javascript" src="http://www.coding123.net/js/jquery.js"&gt;&lt;/script&gt;&lt;script type="text/javascript"&gt;$(function(){  $('select').change(function(){    var sel=$(this)       ,td=sel.parent()       ,table=td.closest('table')       ,headTR=table.find('tr:first')//表头对象       cellIndex=td.get(0).cellIndex//所在列       ,totalSel=0;       sel=sel.get(0)       table.find('select').each(function(){         if(this==sel)return false;         totalSel++;       });       alert('前面的select数量：'+totalSel)       alert('表头：'+headTR.find('td:eq('+cellIndex+')').html())  });});&lt;/script&gt;&lt;table width="385" height="370" border="3"&gt;  &lt;tr&gt;    &lt;td width="41"&gt;&nbsp;&lt;/td&gt;    &lt;td width="65"&gt;A&lt;/td&gt;    &lt;td width="69"&gt;B&lt;/td&gt;    &lt;td width="82"&gt;C&lt;/td&gt;    &lt;td width="90"&gt;D&lt;/td&gt;  &lt;/tr&gt;  &lt;tr&gt;    &lt;td&gt;A&lt;/td&gt;    &lt;td&gt;1&lt;/td&gt;    &lt;td&gt;&lt;select class="s1"&gt;&lt;option&gt;1&lt;/option&gt;&lt;option&gt;2&lt;/option&gt;&lt;option&gt;3&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;    &lt;td&gt;&lt;select class="s1"&gt;&lt;option&gt;1&lt;/option&gt;&lt;option&gt;2&lt;/option&gt;&lt;option&gt;3&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;    &lt;td&gt;&lt;select class="s1" name="select"&gt;      &lt;option&gt;1&lt;/option&gt;      &lt;option&gt;2&lt;/option&gt;      &lt;option&gt;3&lt;/option&gt;    &lt;/select&gt;    &lt;/td&gt;  &lt;/tr&gt;  &lt;tr&gt;    &lt;td&gt;B&lt;/td&gt;    &lt;td&gt;&nbsp;&lt;/td&gt;    &lt;td&gt;1&lt;/td&gt;    &lt;td&gt;&lt;select class="s1" name="select2"&gt;      &lt;option&gt;1&lt;/option&gt;      &lt;option&gt;2&lt;/option&gt;      &lt;option&gt;3&lt;/option&gt;    &lt;/select&gt;    &lt;/td&gt;    &lt;td&gt;&lt;select class="s1" name="select3"&gt;      &lt;option&gt;1&lt;/option&gt;      &lt;option&gt;2&lt;/option&gt;      &lt;option&gt;3&lt;/option&gt;    &lt;/select&gt;    &lt;/td&gt;  &lt;/tr&gt;  &lt;tr&gt;    &lt;td&gt;C&lt;/td&gt;    &lt;td&gt;&nbsp;&lt;/td&gt;    &lt;td&gt;&nbsp;&lt;/td&gt;    &lt;td&gt;1&lt;/td&gt;    &lt;td&gt;&lt;select class="s1" name="select4"&gt;      &lt;option&gt;1&lt;/option&gt;      &lt;option&gt;2&lt;/option&gt;      &lt;option&gt;3&lt;/option&gt;    &lt;/select&gt;    &lt;/td&gt;  &lt;/tr&gt;  &lt;tr&gt;    &lt;td&gt;D&lt;/td&gt;    &lt;td&gt;&nbsp;&lt;/td&gt;    &lt;td&gt;&nbsp;&lt;/td&gt;    &lt;td&gt;&nbsp;&lt;/td&gt;    &lt;td&gt;1&lt;/td&gt;  &lt;/tr&gt;&lt;/table&gt;

关于一个很纠结的jQuery获取table子控

热点推荐