无href链接时如何高亮当前点击的组织列表表格？

这里有几个简单直接的步骤，基于你现有的代码结构就能实现需求，不用额外嵌套冗余的div：

1. 给每个表格项添加统一标识 #

先修改生成表格的PHP代码，给每个<table>标签加上通用类名（比如org-selectable-item），同时新增data-oid属性绑定对应的组织ID，方便后续JS精准定位：

$orgtext1 .= "<table cellspacing='0' cellpadding='0' border='0' width='280' class='org-selectable-item' data-oid='$oid' onclick='getOrgPage($oid)'><tr><td width=238 height=20 align='left' valign='top'><div id='org_name'><font class='country_menu_orgname'>".$oname. "</font></div></td>";

2. 定义高亮的CSS样式 #

在页面的<style>标签或外部样式表中添加选中状态的样式，你可以根据设计需求调整颜色和样式：

/* 选中状态的高亮样式 */
.org-selectable-item.selected {
    background-color: #e6f2ff; /* 淡蓝色背景，可自定义 */
    border-left: 3px solid #1890ff; /* 左侧添加标识条，增强视觉区分 */
    cursor: pointer; /* 保持点击的光标提示 */
}

/* 可选：添加hover效果，提升交互体验 */
.org-selectable-item:hover {
    background-color: #f5f7fa;
}

3. 修改JS函数，加入高亮切换逻辑 #

在getOrgPage函数的最开头，先处理选中状态的切换——移除所有已选中项的高亮，再给当前点击的项添加样式：

function getOrgPage(oid) {
    // 第一步：移除所有项的选中样式
    document.querySelectorAll('.org-selectable-item.selected').forEach(item => {
        item.classList.remove('selected');
    });
    // 第二步：给当前点击的项添加选中样式
    document.querySelector(`.org-selectable-item[data-oid="${oid}"]`).classList.add('selected');

    // 以下是你原本的AJAX逻辑，保持不变
    document.getElementById('country_rep_body').innerHTML = "<center><br><br><Br><Br><font style='font-size:14px;color:#999999'>..... Retrieving Data .....</font></center>";
    urlo = "get_country_orgs.php?oid=" + oid + "&ttype=9&country=<? echo $country; ?>";
    if (window.XMLHttpRequest) {
        reqo = new XMLHttpRequest;
    } else if (window.ActiveXObject) {
        reqo = new ActiveXObject("Microsoft.XMLHTTP");
    }
    if (reqo) {
        reqo.onreadystatechange = getOrgPageResp;
        reqo.open("GET", urlo, true);
        reqo.send(null);
    } else {
        alert("Your browser does not support XMLHttpRequest technology!");
        doesNotSupport = false;
    }
    return false;
}

实现逻辑说明 #

• 用data-oid关联表格项和组织ID，比通过文本内容定位更可靠，避免同名组织的冲突问题。
• 用CSS类控制样式，遵循样式与逻辑分离的原则，后续修改高亮效果只需要调整CSS即可，不用动JS代码。
• 基于现有<table>标签实现，无需额外嵌套div，保持DOM结构简洁。

内容的提问来源于stack exchange，提问作者PTN