用tp框架在前端循輸出資料時遇到的情況

 <foreach name="artData" item="vo">
        <div class="article">
          <h2><a href="blog.html">{$vo.title}</a></h2>
          <p>by<a href="#">xxx</a> &nbsp;|&nbsp; xxxx<a href="#">{$vo.nick}</a>
          <a
 
 href="blog.html"><img src="__PUBLIC__/home/images/img1.jpg" width="613" height="154" alt="image" /></a>
          <p>{$vo.content}<a href="http://www.imooc.com/">xxx</a>.</p>
          <p class="spec"><a href="#" class="rm">Read more</a> &nbsp;|&nbsp; <a
 
 href="#" class="com">評論 ({$vo.comm})</a> &nbsp;|&nbsp; <span id="pubtime" class="date">{$vo.pubtime}</span></p>
        </div>
        </foreach>

當為迴圈出來的每一個.artucle繫結一個click事件時候,$(“”)內填什麼由為重要當填id class 元素標籤。。。都會遇到一個問題就是頁面的載入時，用的永遠都是第一次迴圈出來的id class 元素標籤。所有$

(this)上場，動態繫結，誰點選，誰繫結，並且用$(this).find().text()能夠有效的獲取內容

 

$(document).ready(function(){ 

    $(‘.article’).click(function(){ 

        var pubtime= $(this).find(“#pubtime”).text(); 

        alert(pubtime); 

    }); 

});