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

时间:2012-12-18 20:31:29

标签: javascript jquery

我的标签(链接)包含innerHTML,它是这样的图像:

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

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

3 个答案:

答案 0 :(得分:8)

$a <a/>元素。

使用jQuery,您可以:

$("img", $a).first().attr("alt");

或者,使用纯JavaScript:

var $img = $a.getElementsByTagName("img")[0];
console.log($img.alt);

See it here.

答案 1 :(得分:6)

你真的不需要jQuery。如果你有一个元素,你可以这样做:

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

记住属性映射到属性(大多数),除非属性被更改,或者属性,两者应该反映相同的数据(有边缘情况,但它们可以逐个处理)。

如果您确实需要该属性,那么

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解决方案,而不是本机js。

答案 2 :(得分:1)

使用它。

var altName=$('a img').attr('alt');