missing ) after argument listが出る

Question

こんにちは.

下記コード中の配列idArrayの3要素の各文字列を属性idの属性値とするhtml要素に対して, jQueryのtextメソッドを使用したいのですが, 下記エラーが出ます. どうしたらよいでしょうか? また, もっと簡単な方法がありましたら教えていただきたいです.

よろしくお願いいたします.

let idArray = ['ansSentence', 'CorrectOrMiss', 'qSentence'];

function clearElementText(stringClearElementText){
  Function("$('" + stringClearElementText + ").text('')")();
}

for (let i = 0; i < idArray.length; i++){
  clearElementText(String(idArray[i]));
}

VM43:3 Uncaught SyntaxError: missing ) after argument list
    at Function (<anonymous>)
    at clearElementText (userCodeAppPanel:106)
    at removeNode (userCodeAppPanel:120)
    at HTMLInputElement.onclick (userCodeAppPanel:1)

環境

JavaScript : scriptタグのsrc属性にhttps://code.jquery.com/jquery-3.1.1.jsを設定しています

Comments

[maisumakun]

どのような理由があって、Functionコンストラクタが登場しているのでしょうか？

[slimat]

eval関数を使いたかったのですが, 使用しないほうがよいとのことだったので, 代わりに以下ページなどを参考にFunctionを使用しました.
https://qiita.com/butchi_y/items/d6024f81a9eda826fea0

[maisumakun]

「evalやFunctionを使わず、普通に書く」という選択肢もあるかと思うのですが、あえてFunctionを使う理由は何でしょうか？

[slimat]

普通に書くやり方がわかりませんでした. 教えていただければ幸いです.

[slimat]

idArray.forEach( function(element){$('element').text('');} );などでやっていましたが, エラーが出てFunctionを使うやり方に変えました.

Answer 1

単に文字列を指定する、では何か問題があるのかと思ってしまいました。

function clearElementText(stringClearElementText){
  $(stringClearElementText).text('');
  // idを指定するのなら#が必要
  $('#' + stringClearElementText).text('');
}

Comments

[slimat]

ど忘れしていました. 無事にいけました. ありがとうございました!