Jquery 仅更改图像SRC属性的一部分,但保留文件号
我需要一些关于jQuery的帮助: HTML 我所需要的,就是点击第一个woods ul标签上的图像,获取我需要的大多数目录名dab、teak或sosna的图像路径,并在中的图像上使用这部分目录名 室内装潢 大多数情况下都是这样的,但花色ul中的图像都有相同的文件号。 如何将变量nums更改为img的当前文件号Jquery 仅更改图像SRC属性的一部分,但保留文件号,jquery,Jquery,我需要一些关于jQuery的帮助: HTML 我所需要的,就是点击第一个woods ul标签上的图像,获取我需要的大多数目录名dab、teak或sosna的图像路径,并在中的图像上使用这部分目录名 室内装潢 大多数情况下都是这样的,但花色ul中的图像都有相同的文件号。 如何将变量nums更改为img的当前文件号 <div id="container"> <div class="flexslider woodslider"> <ul i
<div id="container">
<div class="flexslider woodslider">
<ul id="woods" class="slides">
<li><img src="products/drewno/dab/1.jpg" /></li>
<li><img src="products/drewno/teak/2.jpg" /></li>
<li><img src="products/drewno/sosna/3.jpg" /></li>
<li><img src="products/drewno/dab/2.jpg" /></li>
<li><img src="products/drewno/teak/1.jpg" /></li>
</ul>
</div>
<div class="flexslider woodslider">
<ul id="hands" class="slides">
<li><img src="products/drewno/teak/1.jpg" /></li>
<li><img src="products/drewno/teak/2.jpg" /></li>
<li><img src="products/drewno/teak/3.jpg" /></li>
<li><img src="products/drewno/teak/2.jpg" /></li>
<li><img src="products/drewno/teak/1.jpg" /></li>
</ul>
</div>
<div class="flexslider woodslider">
<ul id="decors" class="slides">
<li><img src="products/drewno/sosna/1.jpg" /></li>
<li><img src="products/drewno/sosna/2.jpg" /></li>
<li><img src="products/drewno/sosna/3.jpg" /></li>
<li><img src="products/drewno/sosna/2.jpg" /></li>
<li><img src="products/drewno/sosna/1.jpg" /></li>
</ul>
</div>
</div>
<!-- empty holder for dynamic image. -->
<div id="rightside">
<img src="" />
</div>
$(window).load(function(e) {
// image selected in first ul tag
var currentWood = $('#woods li img');
currentWood.click(function(){
// Get name of current clicked image
var src = $(this).attr('src'); // full path
var tarr = src.split('/'); //split path
var file = tarr[tarr.length-2]; //get part of path
var nums = tarr[tarr.length-1];
var data = file.split('.')[0];
// last ul tag
// iterate over all images, and change path ( directory name - currentWood )
$('#decors li img').each(function(){
// this is problematic.
// Images have got proper path ( dir name) but all have the same
// extension (n.jpg)
$(this).attr('src', 'products/drewno/'+data+'/'+nums);
$(this).each(function() {
var woodColor = $(this).attr('src');
$('#rightside img').attr('src', woodColor);
///alert ($(this).attr('src'));
});
});
});// End of getting wood color info
}); // End of document ready