使用coffeescript隐藏html元素

时间:2014-03-12 09:34:32

标签: coffeescript

当条件发生时,我会隐藏一个html元素。 我尝试在coffeescript中实现这段代码:

if byName == username 
document.#prv-btn.style.display = 'none'

我已经尝试过此代码,但不要运行。 元素#prv-btn是我的html元素。在我的页面中,我有一些用户,每个用户都有#prv-btn。例如,如果我有十个用户,我有十个#prv-btn,但只有一个我希望我看到,每个用户看到他的名字附近的按钮。 我该怎么办?

1 个答案:

答案 0 :(得分:3)

有几个问题:

  1. 您需要在CoffeeScript中缩进if子句的正文。
  2. 您需要使用getElementById()来实际选择button的ID。
  3. 另外,我建议使用jQuery进行DOM工作。它可以与编译好的CoffeeScript一起使用。

    <强>代码:

    if byName == username 
        document.getElementById("prv-btn").style.display = 'none'
    

    以下是我为此制作的jsFiddle的链接:http://jsfiddle.net/jonathanporta/tw3nn/1/