Question

    $(document).ready(function()
    {
        $("#cover img").click(function(event)
        {
            var selected_script = $(this).attr('id');

            //alert(selected_script);
        //alert('#run_'+selected_script);

            $('#run_'+selected_script).hide();
        });
    });

<div>
    <img id="run_0" src="play.png" />
</div>

Code above doesn’t hide image when clicked. When I alert I get correct value for the ID.

What am I missing?

thanks

Answer 1

  $(document).ready(function()
    {
        $("#cover img").click(function(e)
        {
            $(this).hide();
        });
    });

<div id='cover'>
    <img id="run_0" src="play.png" />
</div>

1. Your ‘selected_script’ var would contain the id. Why again prepend “run” before?
2. You only want the img in the #cover id to have the onclick. Your div (or a parent element) should have the ‘cover’ id.