How to track changes to anchor tag's href

Help and Support
2

Hello @rlancion, welcome of the community forum.

Like Checking if an image has changed - #2 by ajitk, a JS selector can be used to monitor changes to href.

A script for the page you linked is: a = $('.info-box > p:first-of-type a'); a.text(a.prop('href'))

It works by setting href as the text content of the monitored anchor tag. It used jQuery for brevity but could be done without using jQuery too.

The corresponding config is:

{
  "selections": [
    {
      "frames": [
        {
          "index": 0,
          "excludes": [],
          "includes": [
            {
              "type": "js",
              "expr": "a = $('.info-box > p:first-of-type a'); a.text(a.prop('href'))"
            }
          ]
        }
      ],
      "dynamic": true,
      "delay": 0
    }
  ],
  "ignoreEmptyText": true,
  "includeStyle": false,
  "dataAttr": "text"
}

Do give it a try and see if that works. Thanks for using Distill!

1 Like