jQuery：根据我点击的图像显示div

Question

根据我点击的图片，我无法显示文字。

<ul id="boutique1">
      <li><a href="#first"><img src="images/image1.jpg">nothing</a></li>
    </ul>

当我点击这些第一个链接时，我想显示：

 <p id="first" style="display:none;">Hello World</p>

进入这个div：

<div id="alert"></div>

现在，我有这个jQuery函数：

$('#boutique1 a').live('click',function(){ 

 $('#alert').html(  $($(this).attr('href')) ).slideDown(); 
    setTimeout(function(){ $('#alert').slideUp() },5000) 

 });

我不知道为什么它不起作用。

我只有#alert div显示为空

感谢

Answer 1

你可以这样做：

$('#boutique1_item3 a').live('click',function(){ 
  $('#alert').html( $(this.hash).html()).slideDown()
             .delay(5000).slideUp();
});

You can test it here，关键是.html(value)需要一个字符串，因此您需要调用.html() 获取您抓取的元素上的值内容来自。