使用搜索功能动态删除Div元素W / Out页面重新加载

Question

这是我的代码到目前为止所做的。这将有助于理解我的问题。

Research Page

当您点击父div（股票名称所在的整个栏）时，子div降低（我是手风琴1）。

我仍然是HMTL和CSS的新手（2天前了解过）并成功实现了某人的JavaScript来创建动画效果。

我的问题是这个。有没有一种方法可以使用搜索功能动态删除div？换句话说，我可以根据搜索字符串删除div，而无需重新加载页面吗？

Answer 1

无需在Javascript中重新加载页面。

这完全可行..

例如，如果你安装了jQuery：

假设您有一个搜索字段（当提交时）删除与其NAME属性中的搜索匹配的所有div：

HTML :
<input type="text" id="search" />
<input type="button" onclick="delete()" />

JS :
function delete() {
    search = jQuery('#search').val(); //retrieve the searched string
    jQuery('div[name="' + search + '"]').remove(); //search for DIV(s) with that NAME and removes it
}