属性在我的价值

我想创建一个名称，类和ID的可点击的图像，如果我点击该图像，它应该显示该图像的ID，而不使用数据库或post.For例如：属性在我的价值

<div class='widget-content' style="min-height: 300px;"> 
     <img src="images/icons/running.jpg" 
     id="runningDrop" 
     class="droplink" /> 
     <img src="images/icons/swimming.jpg" 
     id="swimmingDrop" 
     class="droplink" /> 
</div>

如果我单击其中一个图像，它应显示编号为swimmingDrop或runningDrop。

来源

2016-01-28 Dit Nik

当你标记的jQuery这是jQuery的解决方案$（ 'IMG'）。在（ '点击'，函数（）{警报（$（本）.attr（ 'ID'））}）; –

简单onclick="alert(this.id)"

<div class='widget-content' style="min-height: 300px;"> 
 
     <img src="images/icons/running.jpg" 
 
     id="runningDrop" 
 
     class="droplink" 
 
     onclick="alert(this.id)"/> 
 
     <img src="images/icons/swimming.jpg" 
 
     id="swimmingDrop" 
 
     class="droplink" 
 
     onclick="alert(this.id)"/> 
 
</div>

，正如我在评论说，虽然你标记的jQuery这是jQuery的解决方案

$('img').on('click', function(){ alert($(this).attr('id')) });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class='widget-content' style="min-height: 300px;"> 
 
     <img src="images/icons/running.jpg" 
 
     id="runningDrop" 
 
     class="droplink"/> 
 
     <img src="images/icons/swimming.jpg" 
 
     id="swimmingDrop" 
 
     class="droplink"/> 
 
</div>

来源

2016-01-28 07:10:52

谢谢！这真的帮助我，我希望我能成为像你一样guy'z –

@DitNik 1st欢迎第2我推荐https://www.youtube.com/watch?v=GNb8T5NBdQg&list=PL6B08BAA57B5C7810学习jquery .. 3rd好运:) –

我想知道你能教我如何将它分配给我的表单中的特定输入，因为它的值 –

我建议使用jQuery，因为这将让生活更轻松：

$('img').on({ 
    click: function(){ 
     alert($(this).attr("id")); 
    } 
})

来源

2016-01-28 07:07:04

感谢它真的帮了我很多，我尝试了解更多关于jquery的知识！ –

<html> 
    <head> 
     <title>sample Page</title> 
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script> 

    <script> 

     $(document).ready(function() { 

      $('img').click(function() { 
       alert($(this).attr("id")); 
      }); 

     }); 


    </script> 
    </head> 
    <body> 
    <div class='widget-content' style="min-height: 300px;"> 
     <img src="images/icons/running.jpg" 
     id="runningDrop" 
     class="droplink" /> 
     <img src="images/icons/swimming.jpg" 
     id="swimmingDrop" 
     class="droplink" /> 
</div> 
    </body> 
    </html>

来源

2016-01-28 07:26:34 Aswathy

属性在我的价值

回答

相关问题