从clicked元素和fadein div获取Alt值命名元素alt值

Question

我正在尝试从点击的img alt值获取div id并淡入到该div中。我在这里是因为我不是jQuery大师，而是想学习。这是我的代码：

$('#div1').bind('click',function(){
                    var $this = $(this);
                    var $divid = $this.attr("alt");
                    $divid.fadeIn(3000);
                });

div sample;

<div id="div1" alt="div2"></div>
<div id="div2" style="display:none"></div>

Answer 1

为什么所有的变种？

$("#"+ $(this).attr("alt")).fadeIn(3000);

应该

Answer 2

您需要根据该ID创建一个jquery对象。

$("#" + $divid).fadeIn(3000);

Answer 3

将第三行更改为var $divid = $('#'+$this.attr('alt'));

Answer 4

演示 - http://jsfiddle.net/M3p4U/

您需要使用alt字符串来形成JQuery选择器的ID。

$('#div1').click(function(){
    var divid = $(this).attr("alt");
    $('#'+divid).fadeIn(3000);
});