Javascript / jQuery: как извлечь атрибут / свойство из строки HTML (значение event.target)? - PullRequest
Новая
       41

Javascript / jQuery: как извлечь атрибут / свойство из строки HTML (значение event.target)?

0 голосов
/ 27 сентября 2019

TLDR: у меня есть строка в формате HTML, и я хочу извлечь из нее некоторый текст.

пример html-строки (фактическая строка HTML, которую я анализирую, является значением event.target) 

<div class="dclass">
    <div class="dclass1 container">
        <p class="pclass11 my-classes-here">text</p>
        <img class="img-generic-class another-img-class" alt="my-alt-text1" src="my-img-source-here1">
    </div>
    <div class="dclass2 container">
        <p class="pclass21 my-classes-here">text</p>
        <img class="img-generic-class another-img-class" alt="my-alt-text2" src="my-img-source-here2">
    </div>
</div>

Как мне получить строку "my-alt-text2"?Я подумал:

  • конвертируется в DOM, но не уверен, что это сделать
  • Я пробовал $ .parseHTML в строке HTML (в реальной строке, над которой я работаю, а не в примерестрока. Фактическая строка также намного сложнее, чем в примере), и она возвратила ноль

Спасибо

1 Ответ

1 голос
/ 27 сентября 2019 
var html = '<div><img class="img-class2" src="#" alt="Your alt here!"></div>'; //Your html string

var tmpDiv = document.createElement('div');
tmpDiv.innerHTML = html;

console.log(tmpDiv.querySelector('.img-class2').getAttribute('alt'));
...