Форум

VarrkaN · #1 (**permalink**) 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.

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

рони · #2 (**permalink**) 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 · #3 (**permalink**) 28.12.2017, 18:04

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

Форум

Справочник

Discord чат

Курсы javascript