如何在点击图像时生成随机数

时间:2019-04-02 09:22:45

标签: javascript jquery

我正在尝试在点击图片时生成随机数。这是代码。我不知道我在想什么。

$(".crystal-image1").on("click", function() {
  var random = Math.floor(Math.random() * 9) + 1;
  $(this).val()
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img id="crystal-image1" src="http://www.lightworkersworld.com/wp-content/uploads/2015/08/Crystal-Quartz.jpg" alt="crystal">

2 个答案:

答案 0 :(得分:1)

要按其ID访问元素,您应该执行$("#crystal-image1").on("click", function() {而不是$(".crystal-image1").on("click", function() {。那是麻烦。在JS中,#通过id访问,.通过类名访问

答案 1 :(得分:0)

看起来不是吗?

<sh-context-menu #menu>
  <div *ngIf="data.type === 'ice'">
   <ng-template shContextMenuItem let-data (click)="onRightClick($event, 'add')" >
        Add ice
   </ng-template>
  </div>
  <div *ngIf="data.type === 'ice'">
    <ng-template shContextMenuItem let-data (click)="onRightClick($event, 'delete')">
        Delete ice
    </ng-template>
  </div>
  <div *ngIf="data.type !== 'ice'">
     <ng-template shContextMenuItem let-data (click)="onRightClick($event, 'removeProduct')">
        Remove ice
     </ng-template>
  </div>
</sh-context-menu>

请问您为什么要使用$(this).val()?通常,此方法是从输入中获取值?

正如sureshprasanna70所说的那样。是用于类访问器,而#是用于ID!