2017-01-22 12 views
1

私は多くのtextarea要素を持つHTMLを持っています。特定のデータを持つすべてのtextarea要素を取得するためのJQuery

私はそれらをすべて選択し、あなたのIDをJQuery関数で使用してテキストエディタを設定する必要があります。

これは私がやったことですが、私はJSで成功しません。

HTML:

<textarea id="editor1" name="namedit1" 
     data-editor="ck"> 
    </textarea> 
    <textarea id="editor2" name="namedit2" 
     data-editor="ck"> 
    </textarea> 
    .... 
    <textarea id="editorN" name="nameditN" 
     data-editor="ck"> 
    </textarea> 

JS:

$("textarea").find(['data-editor="ck"']).each(
      function(){ 
        var input = $(this); 
        CKEDITOR.replace(input.id), { 
         uiColor: '#9AB8F3' 
        }; 
      }); 
+0

変更あなたのセレクタ '$( "テキストエリア[データエディタ= CK]")に' – AndreFeijo

+0

申し訳ありませんが、私がやったが、それは仕事をdoesntの。私は入力varにクロムdevsにブレークポイントを入れて、それは決して –

答えて

1

あなたは、テキストエリア内のテキスト領域の要素を見つけようとしています。

試してみてください。

$('textarea[data-editor="ck"]').each(function(){ 
       CKEDITOR.replace($(this).attr('id')), { 
        uiColor: '#9AB8F3' 
       }; 
}); 
+0

と呼ばれていますAndrésに感謝、それは非常にうまく動作します。 –

+0

@LuizAlvesようこそ。喜んでそれを助けました:) –

0

$("textarea[data-editor=ck]")にあなたのセレクタを変更し、それがページreadyイベントに呼ばれていますことを確認してください。

の作業のデモ:https://jsfiddle.net/52wb240h/

+0

ありがとうAndreFeijo。それも同様に動作しますが、Andres Andradeの応答はより完全です。 –

関連する問題