如何在ejs模板中使用jQuery(innerHTML)

我正试图将一个动态值(ejs(从一个页面传递到另一个页面。我试图将该值输入到一个变量中，控制台将其记录下来，但什么也没发生。这是我的代码

<%- include('partials/headerNavbar') %>

<%  allMovies.forEach(function(item){ %>
<div class="movie_card">
<div class="main_box">
<!-- var linkToImage = <%=item.wallpaper%> -->
<div class="img_box" style="background-image:url(<%=item.wallpaper%> )">
</div>
<div class="content_box">
<h1> <%=item.title%> </h1>
<h2> <%=item.director%> </h2>
<h3> <%=item.genre%> </h3>
<p> <%=item.desc%> </p>
<button type="button" id="specReview" onclick="myFunction(); location.href='/specificReview';" class="btn btn-outline-warning">Write A Review</button>
<button type="button" class="btn btn-outline-warning">Add To Watchlist</button>
<button type="button" class="btn btn-outline-warning">Watch Trailer</button>
<!-- onclick="location.href='/specificReview'" -->
</div>
</div>
</div>
<script>
function myFunction(){
var name = $("h1").val();
console.log(name);
}
</script>

<%  }) %>
<%- include('partials/footer') %>

剧本似乎不起作用。任何帮助都将不胜感激，谢谢

服务器端：在Node中安装带有npm的jQuery，并在服务器端执行var$=require('jQuery'(
客户端：您需要将jquery文件导入目标头示例：

<head>
<title>Whatever App</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> 
</script>
</head>

相关内容

最新更新

热门标签：