3

Coffeescriptを使用divして特定の属性を持つ要素を削除したい。classインターネット上でCoffeescriptを使用したDOM操作の例は見つかりませんでした。これどうやってするの?また、DOMを実行するための参照は素晴らしいでしょう。

4

2 に答える 2

5

CoffeeScriptはJavaScriptプリプロセッサであり、追加の標準ライブラリはありません。これが意味するのは、DOM操作を実行する場合は、JavaScriptの場合と同じように実行するということです。

CoffeeScriptでjQueryのような任意のJavaScriptライブラリを使用できます。あるいは、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.orgからの関連する引用:

CoffeeScriptの黄金律は、「それは単なるJavaScriptです」です。コードは1対1で同等のJSにコンパイルされ、実行時の解釈はありません。CoffeeScriptから既存のJavaScriptライブラリをシームレスに使用できます(その逆も可能です)。

于 2012-04-13T10:02:40.027 に答える
0

@laurenの答えは私には有効ですが、chromeを使用していると、次のエラーが発生します。Uncaught TypeError:undefinedのプロパティ'id'を読み取れません

以下を使用すると、Chromeでテストされた完璧な動作をします。

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

差出人: https ://stackoverflow.com/a/19298575/5452072

于 2017-02-18T15:22:56.640 に答える