Скрыть изображение при нажатии

Question

Я пытался выяснить, почему мой код работает неправильно. Я работаю над реализацией браузера игры, и я пытаюсь получить изображение, чтобы скрыть(), когда элемент щелкнул. Мой HTML выглядит следующим образом ...

<img id="61" class="reveal" width="30px" height="30px" style="position:absolute;" src="img/tile.ico"> 

и мой JQuery выглядит так ...

$(document).ready(function() { 
     $(".reveal").click(function(){ 
     $(this).attr("id").hide(); 
    }); 
    }); 

Проблема, кажется, что я пытаюсь захватить идентификатор элемента, используя $ (это). атр ("ID").

Answer 1

Если вы не пытаетесь предназначаться другой элемент, просто скрыть this (который будет class="reveal" элемент щелкнул):

$(document).ready(function() { 
     $(".reveal").click(function(){ 
     $(this).hide(); 
    }); 
    }); 

Проблема с кодом, что attr возвращает строку, которую вы затем пытаетесь запустить hide() на :)

Примечание: лучше DOM готовый ярлык просто:

$(function() { 
     $(".reveal").click(function(){ 
     $(this).hide(); 
    }); 
    }); 

Answer 2

Вы пытаетесь скрыть атрибут с attr ('id'), а не с изображением. Использование:

$(document).ready(function() { 
     $(".reveal").click(function(){ 
      $(this).hide(); 
     }); 
    }); 

, чтобы скрыть свое изображение.