Получение пустого значения с val()

Question

У меня есть таблица со следующим идентификатором внутри одного из рядов. <td class="firstRow"> <span id="randomWordToTranslate"></span></td> класс firstRow просто включает в себя дополнительные настройки в css.

В моей Java классе сценария, я звоню две функции первых рандомизировано значение этого идентификатора, поэтому, когда я загрузка моей страницы я получу другое слово каждый раз: эта часть работает $("#randomWordToTranslate").html(current_dict[listOfKeys[Math.floor(Math.random() * listOfKeys.length)]]);

второй внутри кнопки слушателя пытается получить значение слова внутри этой области всякий раз, когда нажимается кнопка

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();