javascript - 如何在分配变量的情况下使用jquery

Question

如何在 jQuery 中使用变量。正如您在脚本片段中看到的那样，我为变量“divname”分配了值，当我使用“Jquery”淡出时。它不起作用。我真正需要的是，当图像悬停时，描述将显示出来作为淡入，当鼠标消失时，描述应该消失。提前致谢。

脚本片段

    $j('.img_nofade').hover(function(){  
    $j(this).animate({opacity: .5}, 300);
          var i = $j(this).attr('titlename');
          var divname = "'#titleID" + i + "'";
          //alert (divname);
          $j(divname).fadeIn();
    }, 
    function(){  
       $j(this).animate({opacity: 1}, 300);
          $j(divname).fadeOut();
       }  
    );

HTML代码

     <img class="img_nofade' src="image-1.gif" titleid='1" /> 
     <div id="titleID1">my image title 1 </div>


     <img class="img_nofade' src="image-2.gif" titleid='2" /> 
     <div id="titleID2">my image title 2 </div>

      <img class="img_nofade' src="image-3.gif" titleid='3" /> 
     <div id="titleID3">my image title 3 </div>

Answer 1

无需使用 ' 字符，只需:

var divname = "#titleID" + i;

而在hover的handlerOut函数中，divname已经超出作用域，需要重新定义。