如何使用jQuery

Question

我的HTML代码：

<img src="" alt="google.com">
<img src="" alt="gmsil.com">
<img src="" alt="gmail1.com">

如何获取img代码的所有alt值？

Answer 1

试试这个：你可以使用jquery对象的attr()方法。迭代所有图像并调用$(this).attr('alt');以获取alt属性值。

$(function(){
  $('img').each(function(){
    alert($(this).attr('alt'));
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src = "" alt="google.com">
<img src = "" alt="gmsil.com">
<img src = "" alt="gmail1.com">
    

Answer 2

您可以使用map()将所有alt作为数组，如下所示

var alts = $('img').map(function () {
    return this.alt;
}).get();
alert(alts);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src = "" alt="google.com">
<img src = "" alt="gmsil.com">
<img src = "" alt="gmail1.com">

Answer 3

$('img').each(function(){
    console.log(this.getAttribute('alt'));
})

Answer 4

var imgAltTagArr=[];
$('img').each(function(){
    imgAltTagArr.push($(this).attr('alt'));
});
alert(imgAltTagArr);

Answer 5

$('img').each(function(){

console.log($(this).attr('alt'));

})

working fiddle

https://jsfiddle.net/gub4qs2e/