2012-08-06 62 views
2

所以我有這樣的事情:的jQuery - PHP類選擇問題

<?php foreach($post_array as $post): ?> 
    <div class="postBodyWrapper"> 
     <div class="vid-link"> 
      <script type="text/javascript"> 
       $(function() { 
        $(".vidthumb").append("<img class='thumb' src='<?php echo $post->vid_link; ?>'/>"); 
       }); 
      </script> 
      <div class="vidthumb"></div> 
     </div> 
    </div> 
<?php endforeach; ?> 

比方說,我在$post_array五個職位。然後每個帖子的<div class="vidthumb"></div>將包含所有五個圖像(從JavaScript代碼生成),而不是隻有一個應該。我該如何解決它?

回答

2

嘗試:

<?php $i = 0; foreach($post_array as $post): ?> 
<div class="postBodyWrapper"> 
    <div class="vid-link"> 
     <script type="text/javascript"> 
      $(function() { 
        $("#vidthumb_<?php echo $i ?>").append("<img class='thumb' src='<?php echo $post->vid_link; ?>'/>"); 
      }); 
     </script>       
     <div id="vidthumb_<?php echo $i++ ?>"></div> 
    </div> 
</div> 
<?php endforeach; ?> 

通過給每個vidthumb DIV你想要的拇指出現在一個唯一的ID,你現在可以針對特定的div的,而不是第一場比賽。

+0

aaand that do the job。該死的我本來應該自己想出來的。< 非常感謝你的傢伙:) – Systemfreak 2012-08-06 19:17:16

+0

@Systemfreak你的代碼是在那個時候HTML架構中的每一個帶有'vidthumb'類的div上添加這段HTML代碼。這段代碼只是創建唯一的ID。沒有必要這樣做,你應該從PHP生成你的HTML,因爲你已經完成了它的一半 – 2012-08-06 19:23:01