Jquery 仅更改图像SRC属性的一部分,但保留文件号

Jquery 仅更改图像SRC属性的一部分,但保留文件号,jquery,Jquery,我需要一些关于jQuery的帮助: HTML 我所需要的,就是点击第一个woods ul标签上的图像,获取我需要的大多数目录名dab、teak或sosna的图像路径,并在中的图像上使用这部分目录名 室内装潢 大多数情况下都是这样的,但花色ul中的图像都有相同的文件号。 如何将变量nums更改为img的当前文件号 <div id="container"> <div class="flexslider woodslider"> <ul i

我需要一些关于jQuery的帮助:

HTML

我所需要的,就是点击第一个woods ul标签上的图像,获取我需要的大多数目录名dab、teak或sosna的图像路径,并在中的图像上使用这部分目录名 室内装潢

大多数情况下都是这样的,但花色ul中的图像都有相同的文件号。 如何将变量nums更改为img的当前文件号

    <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