javascript - 获取超链接的 ALT 属性的属性值

Question

我的 a-tag(链接)包含 innerHTML，它是一个像这样的图像:

.innerHTML = <img alt="hello world" src="/Content/Images/test.png">

如何使用 JQuery 获取 alt 属性的文本？

Answer 1

你真的不需要 jQuery。如果你有 a 元素，你可以这样做:

// lets call the anchor tag `link`
var alt = link.getElementsByTagName('img')[0].alt; // assuming a single image tag

记住属性映射到属性(大多数)，除非属性或属性发生更改，否则两者应该反射(reflect)相同的数据(这有一些边缘情况，但可以逐案处理)。

如果你真的需要这个属性

var alt = link.getElementsByTagName('img')[0].getAttribute('alt');

最后一种情况是，如果您只有图像标签作为字符串。

var str = '<img alt="hello world" src="/Content/Images/test.png">';
var tmp = document.createElement('div');
tmp.innerHTML = str;
var alt = tmp.getElementsByTagName('img')[0].alt;

如果您必须使用 jQuery(或更喜欢它)，那么 Alexander 和 Ashivard 提供的其他答案也可以。

注意:我的回答是为了完整性和更多选项而提供的。我意识到 OP 要求 jQuery 解决方案而不是 native js。