Question

我试图使表格单元格可单击，以便提取单元格值（成员ID）并将其提交给服务器，然后将用户重定向到显示该成员的个人资料数据的新页面。我已经使用以下代码将表的单元格委派为可单击，但是它使所有单元格都可单击，并且我只希望单元格的第一列可单击。

该ID的单元格数据为：

<td align="center" class="member_id" id="member_id" >
   <?php echo $wpdb->get_var( "SELECT * FROM $table_name ORDER BY $table_name.`last_name` ASC ", 0, $cur_row); ?>
</td> <!--- ID --->

JS文件为：

$jq("#mem_dir").delegate("td", "click", function() {
   alert("Clicked on a cell");
   if ($jq(this).hasClass("member_id")) {
      alert("Clicked on a member ID");
   var member_id = $jq(this).text();
   alert ("Member ID is: " + member_id);
}

我真的很想做我对电子邮件地址单元格数据所做的事情，但是还没有弄清楚该怎么做。

可点击的电子邮件单元格数据：

<td><?php echo make_clickable($wpdb->get_var( "SELECT * FROM $table_name ORDER BY $table_name.`last_name` ASC ", 3, $cur_row)); ?></td> <!--- email --->

感谢您的帮助或建议。

Answer 1

实际上，这比我想象的要简单得多。我只是将委托方法的选择器更改为感兴趣的列的类：

    if(myArray !== undefined && myArray.length != 0) { 
     //your code here 
    }

在类上放置一些CSS以便在将鼠标悬停在单元格上时创建一个指针，一切正常：

$jq("#mem_dir").delegate(".member_id", "click", function() {
    var member_id = $jq(this).text();
    var member_id = member_id.trim();
    alert ("ID is: " + member_id);

如何使表格的仅一列可单击

1 个答案: