求助关于js点击获取图片地址的问题

当点击一张图片的时候需要获取到这张图片和他后面的4张图片的地址能够实现嘛? 用js或者jquery都可以该如何来实现呢?

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

$("img").click(function() {
   $(this).nextAll("img:lt(4)").andSelf().attr("src");
});
Demo
<html>
<head>
    <title></title>
    <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
    <script>
        $(function()    {
            $("img").click(function() {
                $(this).nextAll("img:lt(4)").andSelf().each(function()    {
                    alert($(this).attr("src"));
                });
            });
        });
    </script>
</head>
<body>
<img src="a.jpg" />
<img src="a.jpg" />
<img src="a.jpg" />
<img src="a.jpg" />
<img src="a.jpg" />
<img src="a.jpg" />
</body>
</html>
2L不错, 直接用的选择器.我另写了种, 看下. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh" dir="ltr">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(init);
var imgs;
function init(){
imgs = $("img");

imgs.click(doImgClick);
}

function doImgClick(e){
var url = [];

var maxKey = 999;
var begin = false;
$.each(imgs, function(key, value){

if(e.target == value){
//startKey = key;
maxKey = key + 4;
begin = true;
}

if(!begin){return true;}

if(key > maxKey){
return false;
}
url.push($(value).attr('src'));
});

alert(url.toString())
return url;
}
</script>
<style type="text/css">

</style>
</head>
<body>
<img src="1.jpg" />
<img src="2.jpg" />
<img src="3.jpg" />
<img src="4.jpg" />
<img src="5.jpg" />
<img src="6.jpg" />
<img src="7.jpg" />
</body>
</html>
<html>
<head>
    <title></title>
    <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
    <script>
        $(function()    {
            $("img").click(function() {
                if($(this).nextAll("img").length < 4) {
                    $(this).siblings("img:lt("+ ($(this).siblings("img").length - 5).toString() +")")
                } else {
                $(this).nextAll("img:lt(4)").andSelf().each(function()    {
                    alert($(this).attr("src"));
                });
}
            });
        });
    </script>
</head>
<body>
<img src="a.jpg" />
<img src="a.jpg" />
<img src="a.jpg" />
<img src="a.jpg" />
<img src="a.jpg" />
<img src="a.jpg" />
</body>
</html>
不好意思，手写的且没调试。。更正如下
<html>
<head>
  <title></title>
  <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
  <script>
$(function() {
  $("img").click(function() {
    if($(this).nextAll("img").length < 4) {
        $(this).siblings("img:gt("+ ($(this).siblings("img").length - 5).toString() + ")").andSelf().each(function() {
            alert($(this).attr("src"));
        });
  } else {
  $(this).nextAll("img:lt(4)").andSelf().each(function() {
  alert($(this).attr("src"));
  });
}
  });
  });
  </script>
</head>
<body>
<img src="a.jpg" />
<img src="b.jpg" />
<img src="c.jpg" />
<img src="d.jpg" />
<img src="e.jpg" />
<img src="f.jpg" />
</body>
</html>
$(function () {
            $("img").click(function () {
                if ($(this).nextAll("img").length < 4) {
                    $(this).siblings("img:lt(" + ($(this).siblings("img").length - 5).toString() + ")").nextAll("img:lt(4)").andSelf().each(function () {
                        alert($(this).attr("src"));
                     })
                } else {
                    $(this).nextAll("img:lt(4)").andSelf().each(function () {
                        alert($(this).attr("src"));
                    });
                }

            });
        });我把JS代码修改了一下  但是这样的显示结果也是不对的啊!   这样获取到的结果就是从开始到第五个结束了
袄晓得了   我多了一个  nextAll()这个方法!   嘿嘿现学现用还没有明白  非常感谢啦

求助 关于js点击获取图片地址的问题

解决方案 »

求助关于js点击获取图片地址的问题