Диспетчер тегов 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> 

Есть много коды выше и ниже этот фрагмента кода, но с селектором он должен быть достаточно легким, чтобы получить информацию, которую я хочу. Только этого я не делаю.

Если кто-то встретил эту стену и решил ее, я действительно хотел бы знать, как это сделать. :)

Answer 1

Это одно из возможных решений. Как я понимаю, вы хотели бы захватить атрибут href элемента anchor, когда вы нажимаете «скачать» изображение.

переменной

Система пользовательского Javascript должен были бы быть создан таким образом, что вы можете манипулировать объект нажмите элемент:

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

Так что вам нужно будет сделать должную осмотрительность и добавить в вашей проверке ошибок и прочем, но в основном это должно вернуть вам href, а затем вам нужно будет разобрать строку, чтобы извлечь нужную вам часть.