如何获取img标签的alt属性值?

时间:2013-12-31 18:08:12

标签: jquery

我无法获得img标签

的属性alt的值

以下是获取img标签的属性alt值

<html>
<head>
<script>

$('img').click(function () {
    var alt = $(this).attr("alt")
    alert(alt);
});

</script>
</head>

<img src="white.png" width="25px" height="25px" alt="1" id="star1" onmouseover="starOverOne()" onmouseout="starOutOne()"/>

这里什么都没有显示在alertbox中。你能帮帮我吗?

1 个答案:

答案 0 :(得分:2)

请记住将代码包装在$(document).ready(function() {...});中并包含您的jQuery库。尝试遵循这个基本的HTML结构:

<html>
<head>

</head>

<body>
<img src="white.png" width="25px" height="25px" alt="1" id="star1" onmouseover="starOverOne()" onmouseout="starOutOne()"/>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $('img').click(function () {
        var alt = $(this).attr("alt")
        alert(alt);
    });
});
</script>
</body>
</html>

演示:http://jsfiddle.net/aHRN7/