javascript - val() で空の値を取得する

Question

クラスのCSSにパディング設定が含まれている行<td class="firstRow"> <span id="randomWordToTranslate"></span></td> の1つに、次のIDを持つテーブルがあります 。firstRow

私のJavaスクリプトクラスでは、最初にこの id に値をランダムに割り当てた2つの関数を呼び出しているため、ページをロードするときに毎回異なる単語を取得します:この部分は機能しています $("#randomWordToTranslate").html(current_dict[listOfKeys[Math.floor(Math.random() * listOfKeys.length)]]);

ボタンがクリックされるたびに、このフィールド内の単語の値を取得しようとするボタンリスナー内の2番目

var spanishWord = $("#randomWordToTranslate");
var inputValue = $(spanishWord).val();

しかし、console.log(inputValue) を実行すると、空の行がログに出力されます。何か案は？

ありがとう

Answer 1

はタグ（またはのような他のフォーム入力）ではないため、<span>（値）はありません。代わりに、または：のいずれかが必要です。<input><select>.val().html().text()

var spanishWord = $("#randomWordToTranslate");
var inputValue = spanishWord.text();
// Or:
var inputValue = spanishWord.html();