如何通过点击项目名称打开链接？求jQuery实现代码

我来帮你搞定这个功能！核心思路就是先获取你点击的项目名称文本，再把它替换到目标URL的SEL-NAME位置上。下面是对应的jQuery代码实现，分两种场景给你参考：

场景1：直接用jQuery绑定点击事件 #

假设你的项目名称元素都带有统一的类名（比如project-name），可以这样写：

// 给所有项目名称元素绑定点击事件
$('.project-name').on('click', function() {
    // 获取点击的项目名称，去除前后多余空格
    const projectName = $(this).text().trim();
    // 构造目标URL：注意路径里的反斜杠要转义成双反斜杠，避免语法错误
    const targetUrl = `editor://open/?file=C:\\Users\\sm\\Documents\\website\\${projectName}.php&line=1`;
    // 跳转到目标链接
    window.location = targetUrl;
});

场景2：在D3的事件回调里结合jQuery #

因为你参考的是D3示例代码，也可以直接在D3的点击事件里用jQuery获取文本：

// 用D3选中所有项目名称元素，绑定点击事件
d3.selectAll('.project-name')
  .on('click', function() {
      // 用jQuery包装当前点击的DOM元素，获取文本内容
      const projectName = $(this).text().trim();
      // 构造并跳转目标URL
      const targetUrl = `editor://open/?file=C:\\Users\\sm\\Documents\\website\\${projectName}.php&line=1`;
      window.location = targetUrl;
  });

额外注意事项 #

1. 选择器匹配：确保.project-name这个选择器能准确选中你的项目名称元素，如果是<text>标签里的名称，可能需要调整为$('text.project-name')或者d3.selectAll('text.project-name')。
2. 特殊字符处理：如果项目名称里包含空格、斜杠这类特殊字符，记得用encodeURIComponent()转义，避免URL解析错误：

const encodedProjectName = encodeURIComponent(projectName);
const targetUrl = `editor://open/?file=C:\\Users\\sm\\Documents\\website\\${encodedProjectName}.php&line=1`;

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