我无法获取spring boot模板中元素的值，我的模板:
$("#article-list .list-item").click(function() {
console.log($("#test").val());
});
$(document).ready(function() {
$("#article-list").css("background-color", "red");
});<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<body>
<ul id="article-list">
<h1 id="test">this is the test content</h1>
<li class="list-item">
<h2 class="article-title">title</h2>
<p class="article-excerpt">content</p>
<span class="article-time">2017-12-22</span>
</li>
<li class="list-item">
<h2 class="article-title">title</h2>
<p class="article-excerpt">content</p>
<span class="article-time">2017-12-22</span>
</li>
</ul>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
</body>
</html>h1 的值始终为 null，我无法获取它。而且，我已经测试了 jQuery，它有效。使用jQuery改变ul元素背景颜色，就可以了。像这样:
但是我无法获取h1的值
最佳答案
您无法使用 .val() 获取用于输入和选择元素的 h1 内容。使用 .text() 或 .html()
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title></title>
</head>
<body>
<ul id="article-list">
<h1 id="test">this is the test content</h1>
<li class="list-item">
<h2 class="article-title">title</h2>
<p class="article-excerpt">content</p>
<span class="article-time">2017-12-22</span>
</li>
<li class="list-item">
<h2 class="article-title">title</h2>
<p class="article-excerpt">content</p>
<span class="article-time">2017-12-22</span>
</li>
</ul>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script type="text/javascript">
$("#article-list .list-item").click(function() {
console.log($("#test").text());
});
</script>
</body>
</html>关于jQuery:无法获取元素的值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47958745/