php - 从使用 MySql 创建的表中获取 ROW ID 以与 OnClick 函数一起使用

Question

我有一个使用 PHP 从 Sql 数据库创建的表，该表成功显示了表信息使用以下代码示例。

<table class="mytable loottable" id="guildmembers">
<?php

  $query = mysql_query("SELECT $member.charname, $member.char_lvl, $trskill.skill_desc, .....

  if (mysql_num_rows($query) > 0) {

    while (false !== ($row = mysql_fetch_assoc($query))) {
      echo '<tr id="'.$row['charname'].'">';    <-- setting row id here 
      echo '<td class="lootrow" id="memth1">'.$row['charname'].'</td>';
      echo '<td class="lootrow" id="memth2">'.$row['rank_desc'].'</td>';
      echo '<td class="lootrow" id="memth3">'.$row['class_name'].'</td>';
      echo '<td class="lootrow" id="memth4">'.$row['char_lvl'].'</td>';
      echo"</tr>\n";
    }
    mysql_free_result($query);
  }
?>
</table>

页面源示例，我已验证每个表行都分配了正确的 ID。

<tr id="Calysta"><td class="lootrow" id="memth1">Calysta</td><td class="lootrow" id="memth2">Guild Leader</td><td class="lootrow" id="memth3">Inquisitor</td></tr>

<tr id="Rynanx"><td class="lootrow" id="memth1">Rynanx</td><td class="lootrow" id="memth2">Guild Leader</td><td class="lootrow" id="memth3">Mystic</td>

我将每个表 ROW ID 设置为始终唯一的第一个字段。然后我尝试用这个以下函数中的 ID 可在用户单击表中的行时将用户重定向到个人资料页面。

    <script type="text/javascript">
        $(document).ready(function () {
            $("table.mytable").each( function() {
                table = $(this);
                if ($(table).attr("id")=="guildmembers") {
                    $(this).click(function(){
                        window.location.href = "http://eq2players.com"+
                            "/Kithicor/" + $(this).attr("id") + "/";
                    });
                }
            })
        });
    </script>

这应该在浏览器中打开一个具有以下地址的新页面，例如，如果单击第一行:“http://everquest2.com/Kithicor/Calysta/”

无论单击哪一行，都会创建 Web url是“http://everquest2.com/Kithicor/guildmembers/”

这是表 ID。不是被单击的行的 ID。我尝试过各种解决方案并且无法弄清楚如何在此单击函数中获取行 ID。对此有任何帮助非常感激。谢谢。

Answer 1

给你，只是快速完成此操作，更改了一些内容，请注意使用重复的 id 是不好的，你不应该这样做。而且你的 Javascript 过于复杂:

HTML 示例:

<table class="mytable loottable" id="guildmembers">
<tr class="linkRow" id="test1">
    <td>test1</td>
</tr>
<tr class="linkRow" id="test2">
    <td>test2</td>
</tr>
<tr class="linkRow" id="test3">
    <td>test3</td>
</tr>    
</table>

jQuery:

$(document).ready(function () {
    $(".linkRow").each( function() {
        id = $(this).attr("id")
        $(this).click(function(){
        window.location.href = "http://eq2players.com"+
                    "/Kithicor/" + id + "/";
        });
    });
});

jsFiddle 链接:

http://jsfiddle.net/TJBX5/