如何用jQuery提取链接href并处理为链接文本？

你需要的批量处理逻辑其实很清晰，核心就是遍历所有目标链接，对每个链接的href做字符串清洗后填充为文本内容，具体代码和说明如下：

实现代码 #

$(document).ready(function() {
  // 遍历所有.map-pointer下的a标签
  $('.map-container .map-pointer a').each(function() {
    const rawHref = $(this).attr('href');
    // 一步步处理href字符串：删前缀、删后缀、换横杠为空格
    const displayText = rawHref
      .replace(/^https?:\/\//, '') // 去掉http://或https://开头
      .replace(/\.com$/, '') // 去掉末尾的.com
      .replace(/-/g, ' '); // 把所有横杠换成空格
    
    // 把处理好的文本塞回a标签里
    $(this).text(displayText);
  });
});

关键逻辑说明 #

• 用.each()遍历所有目标链接：这个方法会自动循环选中的每一个a元素，每个元素单独处理，刚好适配你15个链接的批量需求
• 正则表达式的作用：
  • ^https?:\/\/：匹配开头的http://或https://，确保不管是http还是https都能去掉
  • \.com$：只匹配结尾的.com，避免误删链接中间可能出现的.com字符
  • /-/g：全局匹配所有横杠，一次性把所有-换成空格
• 最后用.text()把处理好的文本设置为a标签的内容，完美得到你要的my link 1这种格式

直接把这段代码放到你的页面里（确保已经引入jQuery），刷新页面就能看到效果了。

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