如何使用jQuery获取网页中特定图片的源地址(src)值?

2026-04-06 20:401阅读0评论SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计253个文字,预计阅读时间需要2分钟。

如何使用jQuery获取网页中特定图片的源地址(src)值?

简单的句子,如下:

引用的jQuery如下:

简简单单的一句话,如下:

<img id="img" src="1.jpg" alt="test" />

引用的jquery如下:

<script type="text/javascript" language="javascript" src="~/Js/jquery-1.2.6.js"></script> <script type="text/javascript" language="javascript" src="~/Js/jquery-1.2.6-vsdoc.js"></script>

错误的写法:

如何使用jQuery获取网页中特定图片的源地址(src)值?

1、alert($('#img'));

2、alert($('#img').src);

3、alert($('#img')); 提示[object Object]。

4、alert($('#img').src); 提示undefined。

正确的写法:

$('#img')[0].src才能够获取到img的地址。

原因:

<img id="img" src="1.jpg" alt="test" /> <img id="img" src="2.jpg" alt="test" /> <img id="img" src="3.jpg" alt="test" />

如上,如果有很多img。

因为$("#img")获取到的是整个页面所有的img标签,是一个数组,只有明确指定是哪一个的src的时候,才能取到具体的src值

本文共计253个文字,预计阅读时间需要2分钟。

如何使用jQuery获取网页中特定图片的源地址(src)值?

简单的句子,如下:

引用的jQuery如下:

简简单单的一句话,如下:

<img id="img" src="1.jpg" alt="test" />

引用的jquery如下:

<script type="text/javascript" language="javascript" src="~/Js/jquery-1.2.6.js"></script> <script type="text/javascript" language="javascript" src="~/Js/jquery-1.2.6-vsdoc.js"></script>

错误的写法:

如何使用jQuery获取网页中特定图片的源地址(src)值?

1、alert($('#img'));

2、alert($('#img').src);

3、alert($('#img')); 提示[object Object]。

4、alert($('#img').src); 提示undefined。

正确的写法:

$('#img')[0].src才能够获取到img的地址。

原因:

<img id="img" src="1.jpg" alt="test" /> <img id="img" src="2.jpg" alt="test" /> <img id="img" src="3.jpg" alt="test" />

如上,如果有很多img。

因为$("#img")获取到的是整个页面所有的img标签,是一个数组,只有明确指定是哪一个的src的时候,才能取到具体的src值