请高手进来 帮我解决一下 jquery 和 datalist的绑定问题。实现动画效果

Question

我单个能用jQuery实现鼠标滑过显示某张图片功能
但是把这个功能用到DataList或者其他数据绑定控件上就不行了，因为Id变了选择器选不到了
如果利用样式选择的话只会显示1张同样的图片相信很多老鸟程序员都写过这个功能，帮小弟一下吧，或给个思路Html代码: 
       <input type="button" id="btnShow" value="显示提示文字" class="ak" /> 
             
                            <!-- 弹出层 -->     
                <div id="divPop" class="ak2" style="background-color: #f0f0f0; border: solid 1px #000000; position: absolute; display:none;text-align: center;">       
                   <img id="imageLy"  src="http://bbs.175pt.com/avatars/upload/1188/59426/11885265.jpg">
                   
                   </div>     
                   
jQuery代码 $(document).ready(function()          
 {             
  //动画速度             
   var speed = 500;              
    //绑定事件处理             
          
 $(".ak").mousemove(function(event)             
  {      
   
//  $("#imageLy").attr("src","http://bbs.175pt.com/avatars/upload/1188/59426/11885265.jpg");       
  //取消事件冒泡   
   event.stopPropagation();                  
   //设置弹出层位置                 
    var offset = $(event.target).offset();                  
$(".ak2").css({ top: offset.top + $(event.target).height()+8 + "px", left: offset.left +2 });   
         
//动画显示  
$(".ak2").fadeIn(speed); 

//设置弹出层的透明度
//$("#divPop").fadeTo(0, 0.66); 
             
}); 
     
    
//单击空白区域隐藏弹出层              
 $(document).click(function(event) { $(".ak2").fadeOut(speed) });  //隐藏层            
//单击弹出层则自身隐藏             
 $(".ak2").mouseout(function(event) { $(".ak2").fadeOut(speed) });  
         
 }); 

Answer 1

这个要看你datalist怎么绑定的，至于取得绑定后的id也是可以的。
在绑定后遍历datalist,取得控件的clientid,存入一个public变量，在前台可以获取的

Answer 2

$(".ak").mousemove(function(event)   
{ 
   var id=$(this).attr('id');//根据ID来判断显示哪个图片
});

Answer 3

1.浏览你最终网页的HTML源码,对象ID虽然改变了,但还是有规律的,比如都以"_XX"为结尾
2.通过jQuery找到规律命名的元素,选择器可以这样写:
以某字符结尾的: jQuery('[attribute$="value"]')
以某字符开头的: jQuery('[attribute^="value"]')