如何从指定脚本提取city值并替换HTML中的DIV元素

嘿，我来帮你搞定这个需求——从那段RealGeeks分析代码里提取city字段的值（也就是Bothell），然后替换HTML里指定DIV的内容，这里有两种实用的实现方式，你可以根据自己的场景来选：

方式一：直接修改原函数（如果有权限改代码） #

如果能直接调整原有的f函数，我们可以先把要发送的分析数据单独存起来，提取城市名后再替换DIV，最后再发送数据，这样逻辑清晰又不会影响原有功能：

$(document).ready(function() {
  var f = function() {
    // 先把要发送的分析数据单独定义出来
    const activityData = {
      "site_uuid": "09bce392-c259-4c5b-ba82-02547e30f980",
      "property": {
        "city": "Bothell",
        "full_baths": 3,
        "listing_status": "ACTIVE",
        "year_built": 1984,
        "zip": "98012",
        "listing_days_on_market": 3,
        "url": "http://www.bothellhomes.com/property/1265902/"
        // 这里可以补充其他省略的字段
      }
    };

    // 从property对象里提取city值
    const cityName = activityData.property.city;

    // 替换目标DIV的内容，这里假设你的目标DIV的id是"target-city-container"
    // 如果是用class选择，就改成$(".your-city-class")
    $("#target-city-container").text(cityName);

    // 最后正常发送分析数据
    realgeeks.analytics.send_activity(activityData);
  };

  // 记得在合适的时机调用这个函数f哦
  f();
});

方式二：重写send_activity方法（无法修改原函数时用） #

如果原代码不能直接改动，我们可以“包装”一下原有的send_activity方法，在它执行的时候偷偷提取城市值，同时保证原有功能不受影响：

$(document).ready(function() {
  // 先把原方法存起来，别弄丢了
  const originalSendActivity = realgeeks.analytics.send_activity;

  // 重写这个方法
  realgeeks.analytics.send_activity = function(data) {
    // 先检查数据里有没有property和city字段，避免报错
    if (data?.property?.city) {
      const cityName = data.property.city;
      // 替换目标DIV的内容
      $("#target-city-container").text(cityName);
    }

    // 调用原方法，确保原来的分析功能正常运行
    originalSendActivity.call(this, data);
  };

  // 原有的f函数和调用逻辑完全不用改
  var f = function() {
    realgeeks.analytics.send_activity({
      "site_uuid": "09bce392-c259-4c5b-ba82-02547e30f980",
      "property": {
        "city": "Bothell",
        "full_baths": 3,
        "listing_status": "ACTIVE",
        "year_built": 1984,
        "zip": "98012",
        "listing_days_on_market": 3,
        "url": "http://www.bothellhomes.com/property/1265902/"
        // 其他省略字段
      }
    });
  };

  f();
});

小提示 #

• 一定要把代码里的#target-city-container改成你实际要替换的DIV的选择器，比如id或者class
• 如果city字段可能为空，可以加个默认值，比如$("#target-city-container").text(cityName || "Unknown City");
• 第二种方式很适合第三方代码无法修改的场景，不会破坏原有逻辑

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