新手jquery 問題請教

而家有幾條link, 想將a href 既img width 同height 既value寫返落a href 既tag 度, 但每條link 都只得到第一個img 既值, 請問應該點做, 麻煩晒各位。
https://jsfiddle.net/yjq8c0xq/
  1. <script>
  2. $(document).ready(function(){
  3.      var img = new Image();
  4.      img.src = $(".add").attr('href');
  5.      img.onload = function() {
  6.      $('.add').attr("data-size",(this.width + 'x' + this.height));
  7.    }
  8. });
  9. </script>

  10.      <a class="add" href="https://pp.vk.me/c622428/v622428050/1def7/bFmn7tICsPs.jpg" target="_blank">
  11.           <img class="showphoto" src="https://pp.vk.me/c622428/v622428050/1def8/CbyWMipDl8U.jpg" />
  12.       </a>

  13.       <a class="add" href="https://pp.vk.me/c621729/v621729993/8770/NjpkACVswYI.jpg" target="_blank">
  14.           <img class="showphoto" src="https://pp.vk.me/c621729/v621729993/8772/YuegtIxqi6U.jpg" />
  15.       </a>

  16.       <a class="add" href="https://pp.vk.me/c621729/v621729993/868a/6c3O7PlTxR0.jpg" target="_blank">
  17.           <img class="showphoto" src="https://pp.vk.me/c621729/v621729993/868e/ZFBud8wDeps.jpg" />
  18.       </a>

  19.       <a class="add" href="https://pp.vk.me/c416621/v416621087/b6e8/aTo_xU-kxA4.jpg" target="_blank">
  20.           <img class="showphoto" src="https://pp.vk.me/c416621/v416621087/b6ea/L2OWc0qsd1A.jpg" />
  21.       </a>
複製代碼

Off topic一下

係街想幫你。但開出黎啲圖咁唔方便

TOP

thx chingchiu169, 我等得的~

TOP

提示:$(".add").each(function() {});

TOP

試過, 但我用黎包多層都係吾得, 裡面既.add 都改做this 都係吾得~

TOP

本帖最後由 wongfung 於 2015-4-14 17:38 編輯

個this喺parent, 你要用find

TOP

  1. $(document).ready(function(){
  2.     $('.showphoto').each(function(){
  3.         $(this).parent().attr('data-size',$(this).width() + 'x' + $(this).height());
  4.     });
  5. });
複製代碼

TOP

唔該晒咁多位~~

TOP

本帖最後由 erogenous 於 2015-4-16 12:03 編輯

想請問Sora 同咁多位多一樣野
如果.showphoto 係thumbnail
咁點先可以get 到 naturalWidth 同naturalHeight 比data-size 呢?
試過咁都係唔得
  1. var width = $(this).[0].naturalWidth;
  2. var height = $(this).[0].naturalHeight;
複製代碼
再次麻煩咁多位, thx so much~~

TOP

已解決:
  1. $(document).ready(function(){
  2.     $('.showphoto').each(function(){
  3.         var myImg = $(this);
  4.         var realWidth = myImg[0].naturalWidth;
  5.         var realHeight = myImg[0].naturalHeight;
  6.         $(this).parent().attr('data-size',realWidth + 'x' + realHeight);
  7.     });
  8. });
複製代碼
再一次唔該晒咁多位~~

TOP