javascript - 使用 val() 获取空值

Question

<td class="firstRow"> <span id="randomWordToTranslate"></span></td> 我在firstRow该类仅包含css中的填充首选项的行之一中有具有以下ID的表 。

在我的 java 脚本类中，我调用了两个函数，第一个随机分配了一个值给这个 id，所以当我加载我的页面时，我每次都会得到一个不同的词：这部分正在工作 $("#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();