如何使用Javascript查找Next Image src
How to find Next Image src with Javascript
我选择了这种方式,这样我就可以把一只装满图像的手放进文件夹,就这样,我尝试了很多方法,但都不起作用,我最近的尝试是使用
$(".image-container").find("img[src=" + Img + "]").next('img').attr('src');
但仍然没有成功。
这就是我到目前为止所想到的,任何帮助都会很棒,谢谢
<div id="removed-container" style="height: 600px;">
<div id="removed" style="height: 600px;">
<div style="float: left; width: 200px;">
<h1> <span>The Gallery</span> </h1>
<ul id="nav">
<li><a href="" id="here">Gallery</a>
<ul>
<li><a href="#" data-albumid="gallery/fld01/">2015</a></li>
<li><a href="#" data-albumid="gallery/fld02/">2015</a></li>
<li><a href="#" data-albumid="gallery/fld03/">2015</a></li>
<li><a href="#" data-albumid="gallery/fld04/">2015</a></li>
<li><a href="#" data-albumid="gallery/fld05/">2015</a></li>
</ul>
</li>
<li><a href="index.html">Back to home</a></li>
</ul>
</div>
<div class="image-container"></div>
<script type="text/javascript"> $(document).ready(function () {
$("a").click(function () {
var dir_path=$(this).data("albumid");
LoadGallery(dir_path);
return false;
});
});
function LoadGallery(dir_path) {
$.ajax({
url: dir_path,
success: function(data) {
$(".image-container").empty();
$(data).find("a:contains(.jpg), a:contains(.png), a:contains(.jpeg)").each(function() {
this.href.replace(window.location.host,"").replace("http:///",""); file=dir_path+$(this).text();
$(".image-container").append($("<a href='java<!-- no -->script:;' class='thumb' data-src='"+file+"'><img src='"+file+"' title='Click to enlarge' alt='#'/></a>"));
if ($(".image-container").children("a").length == 30) {
return false;
}
});
$(".thumb").bind('click', function() {
var Popup="<div class='bg'></div>"+"<div class='wrapper'><img src='<img src=''/>"+"<label href='javascript:;' class='prev-image'>«</label><label href='javascript:;' class='next-image'>»</label><a href='java<!-- no -->script:;' class='close' title='Close'>Close</a>";
Img = $(this).attr("data-src"),
$("body").prepend(Popup);
$(".bg").height($(window).height()*4);
$(".wrapper img").attr("src", Img);
$(".prev-image").bind ('click',function() {
alert("Prev")
})
$(".next-image").bind ('click',function() {
next = $(".image-container").find("img[src=" + Img + "]").next('img').attr('src');
//alert(next)
})
$(".close").bind ('click',function() {
$(this).siblings("img").attr("src", "")
.closest(".wrapper").remove();
$(".bg").remove();
});
});
}
});
} </script>
<div class="clear"></div>
问题出在next()
的使用上。
从文档中获取匹配元素集中每个元素的紧挨着的同级元素。
和您的情况一样,img
不是兄弟,因此,不存在匹配的元素集。
如果你的层次结构是严格的,并且不会改变,那么你可以做一些事情,比如遵循
/* Find image - go its parent - go to next anchor - get the image - get the source */
$(".image-container").find("img[src='" + Img + "']").parent().next('a').find("img").attr('src');
否则,您可以对图像进行迭代。
供参考-http://plnkr.co/edit/onUeWl8mPqVhtaHf37xp?p=preview
请尝试以下操作:
$('#id').next().find('img').attr("src");
相关文章:
- 无法使用nodeJS在html中设置Image src
- 如何使用jquery或javascript在image src中添加域url
- 从其他元素上的单击事件访问image src属性
- 关于使用image.src进行统计的问题
- 将image src数据:转换为Uint8Array
- 删除了wysihtml5.image src和href
- 如何在javascript中插入带有while循环的image src
- Joomla: image src path?
- Angularjs在node-webkit应用程序中将image src更改为“unsafe:”
- jQuery image.Load 事件不触发,如果 image.src 从 PageShow 事件设置并返回到同一页面
- Change image src onchange og Select
- image.setAttribute 和 image.src 之间的区别
- 在javascript中将image src设置为url
- knockoutjs根据一个值有条件地设置image src
- JQuery Onclick Change Image Src未刷新图像
- 如何使用Javascript查找Next Image src
- 替换javascript中的image src
- Javascript. OnClick Image src +1
- image src from a var?
- 如何在Canvas上加载Pdf文件作为image.src