dom - 用 coffeescript 删除一个 div 元素

Question

我想使用 Coffeescript删除div具有特定属性的元素。class我在 Internet 上找不到任何关于使用 Coffeescript 进行 DOM 操作的示例。我怎样才能做到这一点？此外，任何对做 DOM 的引用都会很棒。

score 5 · Accepted Answer

CoffeeScript 是一个 JavaScript 预处理器，没有额外的标准库。这意味着如果你想做 DOM 操作，你会像在 JavaScript 中那样做。

您可以将任何 JavaScript 库（如 jQuery）与 CoffeeScript 一起使用，或者您可以document直接使用该变量：

element.parentNode.removeChild(element) for element in document.getElementsByClassName('some-class')

或者（对于不支持该方法的浏览器）

element.parentNode.removeChild(element) for element in document.getElementsByTagName('*') when element.className = 'some-class'

或者，由于这些标识符有点长，请使用块语法：

for element in document.getElementsByTagName('*')
    if element.className is 'some-class'
        element.parentNode.removeChild(element)

CoffeeScript 的黄金法则是：“它只是 JavaScript ”。代码一对一编译成等价的JS，运行时没有解释。您可以从 CoffeeScript 无缝使用任何现有的 JavaScript 库（反之亦然）。

score 0 · Accepted Answer

@lauren的答案对我有用，但是当我使用 chrome 时，出现以下错误： Uncaught TypeError: Cannot read property 'id' of undefined

使用以下作品完美，在 Chrome 上测试。

$(document).on 'hidden.bs.modal', "#newProject", ->
  document.getElementById("<ID>").outerHTML=''
  delete element

2 回答 2