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

2012-10-13 12:19:47 280 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

wangzhen199009 墨衍会员 · AI 创作全网分发关注 + 加入社区

深入掌握英飞凌TriCore中断向量表摘要：本文探讨了英飞凌Tc277芯片中断机制的原理与实现，重点解析了中断向量表基地址的链接文件定义方式、BIV寄存器的初始化过程以及每个中断条目的32字节空间分配规则。通过分析中断向量号（1-255）的计算方法，阐明了中断条目跳转地址（如STM0中断向量号37对应0x800F04A0）的生成逻辑。文章还揭示了.map文件中14字节跳转指令的组成原理，以及最终通过a14寄存器跳转到实际中断函数（如stm0Sr0ISR）的执行流程，为嵌入式开发人员理解中断处理机制提供了清晰的技术路径。阅读详情

有一个五行五列的table，代码如下：



<table width="385" height="370" border="3">

  <tr>

    <td width="41"> </td>

    <td width="65">A</td>

    <td width="69">B</td>

    <td width="82">C</td>

    <td width="90">D</td>

  </tr>

  <tr>

    <td>A</td>

    <td>1</td>

    <td><select class="s1"><option>1</option><option>2</option><option>3</option></select></td>

    <td><select class="s1"><option>1</option><option>2</option><option>3</option></select>;</td>

    <td><select class="s1" name="select">

      <option>1</option>

      <option>2</option>

      <option>3</option>

    </select>

    </td>

  </tr>

  <tr>

    <td>B</td>

    <td> </td>

    <td>1</td>

    <td><select class="s1" name="select2">

      <option>1</option>

      <option>2</option>

      <option>3</option>

    </select>

    </td>

    <td><select class="s1" name="select3">

      <option>1</option>

      <option>2</option>

      <option>3</option>

    </select>

    </td>

  </tr>

  <tr>

    <td>C</td>

    <td> </td>

    <td> </td>

    <td>1</td>

    <td><select class="s1" name="select4">

      <option>1</option>

      <option>2</option>

      <option>3</option>

    </select>

    </td>

  </tr>

  <tr>

    <td>D</td>

    <td> </td>

    <td> </td>

    <td> </td>

    <td>1</td>

  </tr>

</table>

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

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

...全文

等时替代模型（ Isotemporal Substitution Model）文献阅读：Associations of sedentary time and physical activity with adverse health conditions: Outcome-wide analyses using isotemporal substitution model（该论文于2022年4月28日发表在柳叶刀子刊 EClinicalMedicine 上）阅读详情

wangzhen199009

Ajax 52,778 成员 25,334 内容

+ 关注 + 加入社区

切换为时间正序

wangzhen199009 2012-10-13

打赏
举报

[Quote=引用 1 楼的回复:]
HTML code
<script type="text/javascript" src="http://www.coding123.net/js/jquery.js"></script>
<script type="text/javascript">
$(function(){
$('select').change(function(){
var sel=$(this)
……
[/Quote]
看了你的头像发现还是当爹的程序员最有魅力啊！谢谢啊，jQ刚刚学，多谢指点，果断结贴。

斯洛文尼亚旅游 2012-10-13

打赏
举报

<script type="text/javascript" src="http://www.coding123.net/js/jquery.js"></script>

<script type="text/javascript">

$(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())

  });

});

</script>

<table width="385" height="370" border="3">

  <tr>

    <td width="41"> </td>

    <td width="65">A</td>

    <td width="69">B</td>

    <td width="82">C</td>

    <td width="90">D</td>

  </tr>

  <tr>

    <td>A</td>

    <td>1</td>

    <td><select class="s1"><option>1</option><option>2</option><option>3</option></select></td>

    <td><select class="s1"><option>1</option><option>2</option><option>3</option></select></td>

    <td><select class="s1" name="select">

      <option>1</option>

      <option>2</option>

      <option>3</option>

    </select>

    </td>

  </tr>

  <tr>

    <td>B</td>

    <td> </td>

    <td>1</td>

    <td><select class="s1" name="select2">

      <option>1</option>

      <option>2</option>

      <option>3</option>

    </select>

    </td>

    <td><select class="s1" name="select3">

      <option>1</option>

      <option>2</option>

      <option>3</option>

    </select>

    </td>

  </tr>

  <tr>

    <td>C</td>

    <td> </td>

    <td> </td>

    <td>1</td>

    <td><select class="s1" name="select4">

      <option>1</option>

      <option>2</option>

      <option>3</option>

    </select>

    </td>

  </tr>

  <tr>

    <td>D</td>

    <td> </td>

    <td> </td>

    <td> </td>

    <td>1</td>

  </tr>

</table>

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

相关推荐