gpt4 book ai didi

javascript - 当我单击搜索进行第二次搜索时,先前的搜索将被删除

转载 作者:行者123 更新时间:2023-11-27 22:32:49 25 4
gpt4 key购买 nike

谁能告诉我为什么我的: $("#buton").click(function () { $("#list").find('li').remove(); }); 不工作。我用 .find('ul') 更改了 .find('li') 但没有帮助。任何建议将受到高度赞赏。这是我的代码:

<body>
<div class="container">
<div class="jumbotron">
<div class="col-lg-4">
<input type="text" id="KUNDE" size="50" placeholder="Search by name." />
</div>
<div class="col-lg-2">
<button class="btn btn-default" type="button" id="buton" value="search" onclick="find();">Search</button>
</div>
</div>
<ul id="list"> </ul>

<div class="footer"><p> © Copyright 2016</p> <strong><a href="http://rackpeople.com/">RackPeople</a></strong>.</div>
</div>

<script>

$(function () {
$("#KUNDE").focus();
});
$(document).keypress(function (e) {
if (e.which == 13) {
$("#buton").click();
}
});
var uri = 'json.json';
function find() {
var info = $('#KUNDE').val();
$.getJSON(uri)
.done(function (data) {
var item = data.filter(function (obj) {
return obj.name === info || obj.ID === info;
})[0];
if (typeof item !== 'undefined' || item !== null) {
$("ul").append("<li>" + 'ID = ' + item.ID, 'Name = ' + item.name, "<br />" + 'Phone = ' + item.phone, "<br />" + 'Contact = ' + item.contact, "<br />" + 'BalanceLCY = ' + item.balanceLCY, "<br />" + 'CreditLimitLCY = ' + item.creditLimitLCY, "</li>")
}
})
.fail(function (jqXHR, textStatus, err) {
$('#RESULTS').text('Error: ' + err);
});
}

var options = {
url: "json.json",
getValue: "name",
list: {
match: {
enabled: true
}
},
theme: "square"
};
$("#KUNDE").easyAutocomplete(options);

$("#buton").click(function () { $("#list").find('li').remove(); });


</script>
</body>

最佳答案

我创建了相同的 html 结构,并且您的绑定(bind)和删除元素有效。

$("#button").click(function (e) { 
$("#list").find('li').remove();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="list">
<li>
First result
</li>
<li>
Second result
</li>
</ul>
<button id="button">
Remove results
</button>

第一个解决方案:您的问题是在附加 li 元素时,字符串连接是错误的。因此将其更改为:

$("ul").append("<li>ID      = " + item.ID + "Name    = "+ item.name + "<br />Phone      = "+ item.phone + "<br />Contact       = " + item.contact+ "<br />BalanceLCY      = " + item.balanceLCY + "<br /> CreditLimitLCY       = " + item.creditLimitLCY+ "</li>");

在以前的方式中,您创建了 li 外部的节点,因此选择器无法删除它们。

第二个解决方案:或者最终如果您想保留以前的结构,请使用 empty 方法清除所有节点子节点:

$("#button").click(function (e) { 
$("#list").empty();
});

关于javascript - 当我单击搜索进行第二次搜索时,先前的搜索将被删除,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39406657/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com