更改时如何显示单选按钮的位置

Question

请帮帮我， 我希望在更改时显示单选按钮的位置 我的HTML代码是

<table>
<tr><td><input type="radio"></td><td><input type="radio"></td></tr>
<tr><td><input type="radio"></td><td><input type="radio"></td></tr>
</table>

我的JQuery代码是

 $('TABLE TBODY TR').each(function()
  {                                      
    $(this).children('td').find('input:radio').change(function()
    {
      alert($(this).?);
    }
  });

我必须在那个警报框中写下什么

Answer 1

您正在谈论索引，您可以通过index()功能获取

。

Answer 2

行的索引：

alert($(this).closest('tr').index());

如果列中有一个单选按钮，则给定行中的单选按钮索引：

alert($(this).closest('td').index());

给定行中单选按钮的索引，如果按列有N个单选按钮：

alert(($(this).closest('td').index() * N)
      + $(this).closest('td').find('input:radio').index(this));

Answer 3

要在jQuery中找到某些东西的位置，请使用offset（）函数。给定的位置将相对于页面的顶部和左侧。

    var offset = $(this).offset();
    alert("Left: " + offset.left + ", Top: " + offset.top);