Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Выборка ссылки на изображение (https://javascript.ru/forum/events/72004-vyborka-ssylki-na-izobrazhenie.html)

VarrkaN 28.12.2017 17:42

Выборка ссылки на изображение
 
Здравствуйте, уважаемые гуру языка. Сразу попрошу не кидаться тапками, т.к. JavaScript мне нужен только для взаимодействия с Awesomium, и изучать все аспекты оного мне просто не хватит времени и сил. Итак, ситуация следующая:

Есть HTML, в котором есть несколько изображений, вписанных в теги <a>. Нужно вытащить ссылки на изображения с определённым title. Пример:

<a href="link1"><img src="url" title=""/></a>
<a href="link2"><img src="url" title="Нужный текст"/></a>
<a href="link3"><img src="url" title=""/></a>
<a href="link4"><img src="url" title=""/></a>
<a href="link5"><img src="url" title="Нужный текст"/></a>

Мне нужно получить соответственно link2 и link5.

Заранее благодарю за помощь.

рони 28.12.2017 17:48

VarrkaN,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">

  <script>
window.addEventListener('DOMContentLoaded', function() {
var lnk =  [].map.call( document.querySelectorAll('a > img[title*="Нужный текст"]'), function(el) {
         return el.parentNode.getAttribute('href');
  });
  alert(JSON.stringify(lnk));
    });
  </script>
</head>

<body>
<a href="link1"><img src="url" title=""/></a>
 <a href="link2"><img src="url" title="Нужный текст"/></a>
 <a href="link3"><img src="url" title=""/></a>
 <a href="link4"><img src="url" title=""/></a>
 <a href="link5"><img src="url" title="Нужный текст"/></a>

</body>
</html>

VarrkaN 28.12.2017 18:04

Это то, что нужно, огромное спасибо =), дальше сам разберусь


Часовой пояс GMT +3, время: 18:35.