Question

I have button and I need to call it and take (show) an id (number) and after hide it.

I have got this line :

<div id="follow_21" class="button rounded" title="">Follow</div>

I do not know how to call (onclick) or other way this button and take only 21 and show it in alert(”);

I tried onclick="follow():

<div onclick="follow(21)" class="button rounded" title="">Follow</div>

and function :

function follow(event){
    alert(event);
}

alert works good but I don’t know how to hide() element by clicking on it.
Suppose you will help me.

Answer 1

Using jQuery’s hide function:

    <div id="follow_21" class="button rounded" title="" onclick="$(this).hide();">Folow</div>

    or preferably something like:

    <div id="follow_21" class="button rounded" title="">Folow</div>
    <script type="text/javascript>
        //Binds a click event to all divs that start with "follow_"
        $('div[id^="follow_"]').click(function () {
            $(this).hide();
            var idSplit = $(this).attr('id').split('_')[1];
            alert('Follow - ' + idSplit);
        });
    </script>