IDの代わりにクラス属性を使用してPageDown

Question

PageDown/Aa>は、TextAreaにwmd-inputのIDを与える必要があります。Markdown.Editor.js：の次のように書かれています。

function PanelCollection(postfix) {
    this.buttonBar = doc.getElementById("wmd-button-bar" + postfix);
    this.preview = doc.getElementById("wmd-preview" + postfix);
    this.input = doc.getElementById("wmd-input" + postfix);
};

.

しかし、Projectのさまざまな場所でテキストエリアの異なるIDを持つ編集者を使用する必要があります。したがって、id属性の代わりにクラスを使用するのはいいでしょう。これをどのように達成できますか？

Answer 1

私はあなたと同様の状況である想像力がありますが、私は私のIDの具体的な信頼はありません。そのためのクラスを持っています。

私が自分の使用のために私が書かれたものはおそらく何らかの使用のものであろう、jQueryを使って正しいDOM構造を挿入し、正しいIDを適用することによってjQueryを使ってwmdエディタを使っています。（既存のTextArea IDの交換）を考慮した繰り返し。

$('textarea').each(function(i) {
  var panel = $('<div/>', {'class': 'wmd-panel'});

  panel.append(
    $('<div/>', {'id': 'wmd-button-bar-' + i, 'class': 'wmd-button-bar'}),
    $(this).clone().attr('id', 'wmd-input-' + i)
  );

  $(this).replaceWith(panel);

  panel.after($('<div/>', {'id': 'wmd-preview-' + i, 'class': 'wmd-preview'}));

  var converter = Markdown.getSanitizingConverter();
  var editor = new Markdown.Editor(converter, '-' + i);
  editor.run();
});

.