javascript - 对元素 jQuery 进行回调

Question

我有一个按钮，我需要调用它并获取(显示)一个 id(数字)，然后隐藏它。

我有这条线:

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

我不知道如何调用(onclick)或其他方式这个按钮，只需要 21 并在 alert('') 中显示它；

我试过onclick="follow():

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

和功能:

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

alert 效果很好，但我不知道如何通过单击 hide() 元素。 假设你会帮助我。

Answer 1

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