Google 跟踪代码管理器 - CSS 选择器挑战

Question

我正在尝试获取源代码中链接的 URL。挑战在于 URL 隐藏在图像后面，因此只能让我获取图像 URL。

我一直在尝试通过在触发系统中使用新的 CSS 选择器来解决此问题，并且还创建了一个 DOM 变量，该变量应该在单击图像时获取 URL。也可以有多个下载。

这是我想要实现的一个示例：

<div> 
 <div class="download">
  <a href="example.com/The-URL-I-Want-to-get-if-top-image-is-clicked.pdf" target="_blank">
   <img src="some-download-image.png"/></a>
 <div class="download">
  <a href="example.com/Another-URL-I-Want-to-get-if-middle-image-is-clicked.pdf" target="_blank">
   <img src="some-download-image.png"/></a>
 <div class="download">
  <a href="example.com/Last-URL-I-Want-to-get-if-bottom-image-is-clicked.pdf" target="_blank">
   <img src="some-download-image.png"/></a>
 </div>
</div>

这个sn-p的上下有很多代码，但是使用选择器应该很容易得到我想要的信息。只是我没有。

如果有人遇到这堵墙并解决了它，我真的很想知道如何解决。 :)

Answer 1

这是一种可能的解决方案。据我了解，您希望在单击“下载”图像时获取锚元素的 href 属性。

需要创建一个自定义 Javascript 变量，以便您可以操作点击元素对象：

function(){
   var ec = {{Click Element}};
   var href = $(ec).closest('a').attr('href');
   return href;
}

因此您需要尽职尽责并添加错误检查和其他内容，但基本上这应该返回给您 href，然后您需要解析字符串以提取您需要的部分。