Javascript 对元素Jquery进行回调

Javascript 对元素Jquery进行回调,javascript,jquery,javascript-events,Javascript,Jquery,Javascript Events,我不懂java脚本,很抱歉问了个简单的问题。 我有一个按钮,我需要打电话给它,并取得(显示)一个id(号码),然后隐藏它 我有一句话: <div id="follow_21" class="button rounded" title="">Follow</div> alert工作正常,但我不知道如何通过单击来隐藏()元素。 假设你愿意帮助我,你走的是正确的道路: <div id="follow_21" onclick="follow(21)" class="but

我不懂java脚本,很抱歉问了个简单的问题。 我有一个按钮,我需要打电话给它,并取得(显示)一个id(号码),然后隐藏它

我有一句话:

<div id="follow_21" class="button rounded" title="">Follow</div>
alert工作正常,但我不知道如何通过单击来隐藏()元素。
假设你愿意帮助我,你走的是正确的道路:

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

function follow(id){
    document.getElementById('follow_' + id).style.display = 'none';
}
跟随
函数跟踪(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';
}
跟随
功能跟踪(div){
div.style.display='none';
}
使用jquery和.click()命令

跟随
$('#follow_21')。单击(函数(){
$(this.hide();
}
使用:

follow
或者最好是这样:
follow

onclick
属性中,
this
表示“this element”。因此您可以将
this
传递给您的函数:

HTML:

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

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

谢谢!您能告诉我如何从中调用它吗?单击(函数(),如果可能的话。@ViktorsGolubevs There u go^:)21是用户id,它可以更改,所以如果它的名称会更改,如何调用id,因为我只看到onclick=“follow(21)”,或者可以执行并调用。单击(函数())如果id的最后一部分不可用static@ViktorsGolubevs我认为您试图以错误的方式处理此问题。如果所有这些都是由某种PHP脚本生成的,那么为什么不让PHP将用户ID作为JSON进行响应,以便javascript可以使用它进行迭代。如果您愿意,我可以向您展示一个这样的示例。抱歉,没有看到您的答案!Cna y你可以举个例子。我在这里发布了完整的工作代码,但仍然认为使用这么多元素$('follow_21')是不好的。单击(函数()问题是21是一个用户id,它会改变,所以这里只有部分id的问题调用?可能吗?@ViktorsGolubevs是的,
$('div[id^=“follow_'])
。但是,理想情况下,通过其他方式选择它。例如,通过元素特有的类或其父元素。例如,如果它是元素中ID为
userinfo
$(“#userinfo div”)的唯一
div
。单击…
将起作用。21不是静态的,因此调用它时出现问题…这里可能是1,32,12,43,这就是我不知道如何调用它的原因it@ViktorsGolubevs我已经将解决方案变得更一般。1,32,12,43是您正在使用的一段数据还是仅用于id?谢谢!这段代码很好。您能告诉我如何在警报中调用id-21吗?那么当我点击它时,它会显示21和之后隐藏。隐藏工作很好,但很有趣如何捕获id?@ViktorsGolubevs更新为警报id。
<div onclick="follow(this);" class="button rounded" title="">Follow</div>

function follow(div){
    div.style.display = 'none';
}
<div id="follow_21" class="button rounded" title="">Follow</div>

$('#follow_21').click(function() {
    $(this).hide();
}
    <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>
<div id="follow_21" onclick="follow(this)" class="button rounded" title="">Follow</div>
function follow(el) {
    el.style.display = 'none';
}
$('#follow_21').click(function() {
    $(this).hide();
});