带有javascript的Html表

我有两个在html中具有不同表id的表，如下所示-

表头-由动态周天数+资源组成 中具有相同n列数的表数据

对于Img-

分配任务是表数据的每个单元格中的一个按钮，我需要的是，当我单击任何按钮时，我现在在Javascript中使用的弹出窗口KenDoWindow最好显示各自单元格行的第一个单元格，即资源的名称和Id，以及单元格列的第一个单元格，即日期字符串

请提出解决方案。。。。非常感谢您的帮助

---

注意-请不要建议使用剑道网格或调度程序，因为我无法生成这种格式，如果可以，请共享您的代码和过程。

您可以使用jQuery执行以下操作：

HTML:

---

谢谢Nick，谢谢你的帮助…这是explendid，但我这里的问题是标题和数据表是不同的表，有不同的TID和类。。。。那么，我如何将它们声明为single class=？@DeeLaw如果您发布HTML，更改代码应该相当容易，因为您可以在另一个表中引用索引。

<script>
 $(document).ready(function() {

   $('.assign').on("click", function(e){
        e.preventDefault();

        var $idx = $(this).parent().index(); // get the index
        var $th = $('table th'); // table heading
        var $date = $th.eq($idx).text();  // get the date by the index
        var $resource = $(this).parents('tr').find("td:first-child").text(); // find the first td in the tr for the resource name.

        // append the date and resource to a paragraph tag.
        $('.result').text("Date : " + $date + " : " + $resource);
   });
 });
</script>

<table>
    <tr>
        <th>Date 1</th>
        <th>Date 2</th>
        <th>Date 3</th>
        <th>Date 4</th>
        <th>Date 5</th>
        <th>Date 6</th>
    </tr>
    <tr>
        <td>Name 1</td>
        <td><a href="#" class="assign">Assign Task</a></td>
        <td><a href="#" class="assign">Assign Task</a></td>
        <td><a href="#" class="assign">Assign Task</a></td>
        <td><a href="#" class="assign">Assign Task</a></td>
        <td><a href="#" class="assign">Assign Task</a></td>
    </tr>
    <tr>
        <td>Name 2</td>
        <td><a href="#" class="assign">Assign Task</a></td>
        <td><a href="#" class="assign">Assign Task</a></td>
        <td><a href="#" class="assign">Assign Task</a></td>
        <td><a href="#" class="assign">Assign Task</a></td>
        <td><a href="#" class="assign">Assign Task</a></td>
    </tr>
    <tr>
        <td>Name 3</td>
        <td><a href="#" class="assign">Assign Task</a></td>
        <td><a href="#" class="assign">Assign Task</a></td>
        <td><a href="#" class="assign">Assign Task</a></td>
        <td><a href="#" class="assign">Assign Task</a></td>
        <td><a href="#" class="assign">Assign Task</a></td>
    </tr>
</table>


<p class="result"></p>