Question

我在java脚本中很糟糕，对于简单的问题感到抱歉。我有按钮，我需要调用它并接受（显示）一个id（数字）并隐藏它。

我有这条线：

<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

你走在正确的道路上：

<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();
}

Answer 2

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

Answer 3

在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';
}

话虽如此，您可以从HTML中获取JS。这被认为是一件非常好的事情。使用jQuery非常简单，您可以完全删除onclick属性：

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

进行元素Jquery的回调

3 个答案: