我目前有这个代码,删除了getJson,因为我似乎无法正确合并它。如果我使用它,以前生成的最新10个列表也会消失。现在,我们在JavaScript中使用了一个破损的代码。
var searchField = $(this).val();
if(searchField === '') {
$('#filter-records').html('');
return;
}
var regex = new RegExp(searchField, "i");
var output = '<div class="row">';
var count = 1;
$.each(data, function(key, val){
if ((val.title.search(regex) != -1) ||
(val.title.search(regex) != -1)) {
output += '<div class== val.title +'" /></div>';
output += '</div>';
$('#filter-records').html(output);
});
html代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Jobs!</title>
<link rel="stylesheet" href="/static/css/style.css">
</head>
<body>
<h1>Jobs!</h1>
<div class = "container" style = "width:900px;">
<h2 align ="center"> Search for a Job </h2>
<br /> <br />
<div align = "center">
<input type = "text" name = "search" placeholder="Search" class =
"filter-records" />
</div>
<ul class="list-group" id="result"></ul>
<br />
</div>
<p> Available Jobs</p>
<ul id="jobs">
</ul>
<aside>
<div id="fulldetails">
</div>
</aside>
<!-- load javascript libraries -->
<script src="/static/js/jquery-3.3.1.min.js"></script>
<script src="/static/js/handlebars.min.js"></script>
<!-- load project javascript -->
<!-- note that you can add more modules if you wish -->
<script src="/static/js/model.js"></script>
<script src="/static/js/script.js"></script>
</body>
</html>
相似问题