Javascript/jQuery:如何从HTML字符串中提取属性/属性(event.target的值)?

Question

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 但不确定是否这样做
我在 HTML 字符串上
• 尝试了 $.parseHTML(在我正在处理的实际字符串上，而不是示例字符串上。实际字符串也比示例复杂得多(，并且它返回了一个 null

谢谢

Answer 1

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'));