即时通讯使用图像的SRC,但即时获取缩略图src和需要操作的SRC,以获得全尺寸的图像:从图像中删除文字attr('src');
的Jquery:
$(this).attr('src');
这让我:http://local/images/_w/image_jpg.jpg
我需要替换:_w/
以获取全幅图片,我如何在jQuery中做到这一点?
即时通讯使用图像的SRC,但即时获取缩略图src和需要操作的SRC,以获得全尺寸的图像:从图像中删除文字attr('src');
的Jquery:
$(this).attr('src');
这让我:http://local/images/_w/image_jpg.jpg
我需要替换:_w/
以获取全幅图片,我如何在jQuery中做到这一点?
<a href="#" class="swap">Swap</a>
<img class="thumb" src="http://local/images/_w/image_jpg.jpg" />
$(document).ready(function(){
$(".swap").click(function(){
var src = $(".thumb").attr("src");
src = src.replace("/_w", "");
$(".thumb").attr("src", src);
alert($(".thumb").attr("src"));
});
});
这里是一个example on jsFiddle
string.replace('_w/','whatever you want');
$('#fullImage').attr('src', $(this).attr('src').replace('_w/', '???'));
像这样:
var temp $(this).attr('src');
var NewURL = temp.replace("_w/", "derp");
$(this).attr('src').replace("_w/", "");
这是假设你想只删除路径的_w/
一部分。否则,用你需要的任何东西替换空字符串。
可以使用javacripts的一个极好的字符串操作功能,如replace
:
var src_fullsize = $(this).attr('src').replace('/_w/','/');
这不是让jQuery来做到这一点,如JavaScript已经内置了一个replace功能的问题
var v = $(this).attr('src').replace('_w','whatever');
$(this).attr('src', v);
。
这样的
var og_source = $(this).attr('src');
var replacement_text = "_big"
$(this).attr('src',$og_source.replace('_w/',replacement_text));
您需要用包含大小的字符串替换_w
,然后再次设置属性src
。
$(this).attr('src', $(this).attr('src').replace('_w', '100x100'));
,你可以这样做:
var newImg = $('#myId').attr('src').replace('_w/','');
$('#myId').attr('src', newImg);
不幸的是jQuery的不能做到这一点....但JavaScript可以! :) – 2011-03-30 13:48:21
@Felix你是什么意思jQuery不能这样做? – mcgrailm 2011-03-30 13:50:25
@mcgrailm:我想说的是jQuery仅仅是一个JavaScript库,并不是每个问题都是jQuery问题。但人们似乎认为jQuery与JavaScript不同,它正在做一些神奇的事情。无论如何,jQuery不提供任何字符串操作方法,所以你不能用jQuery替换字符串。 – 2011-03-30 13:52:07