Сделать обратный вызов элемента Jquery

Question

Я плох в java-скрипте, извините за простой вопрос. У меня есть кнопка, и мне нужно позвонить и взять (показать) идентификатор (номер), а затем скрыть его.

У меня есть эта строка:

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

Я не знаю, как вызвать (onclick) или как-то иначе эту кнопку и взять только 21 и показать ее в оповещении ('');

Я попробовал onclick = "follow ():

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

и функция:

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

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

Answer 1

Использование функции скрытия jQuery :

    <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>

Answer 2

В атрибуте onclick, this означает «этот элемент». Таким образом, вы можете передать this в вашу функцию:

HTML:

<div id="follow_21" onclick="follow(this)" class="button rounded" title="">Follow</div>

JS:

function follow(el) {
    el.style.display = 'none';
}

С учетом сказанного вы можете получить свой JS из своего HTML. Это считается очень хорошей вещью. Это очень легко с jQuery, и вы можете полностью удалить атрибут onclick:

$('#follow_21').click(function() {
    $(this).hide();
});

Answer 3

Вы были на правильном пути:

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

function follow(id){
    document.getElementById('follow_' + id).style.display = 'none';
}

Или даже проще:

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

function follow(div){
    div.style.display = 'none';
}

С помощью jquery и .click ()

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

$('#follow_21').click(function() {
    $(this).hide();
}