使用JavaScript和XML进行搜索

我有一个xml文件，例如：

<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0" xmlns:g="http://base.google.com/ns/1.0" xmlns:c="http://base.google.com/cns/1.0">
<channel>
    <title>Shop</title>
    <link>http://domain.com/shop</link>
    <description>some text</description>
    <item>
        <title>Entry title 1</title>
        <description>Some description 1</description>
        <g:image_link>http://domain.com/1.jpg</g:image_link>
        <link>http://domain.com/shop/entry1</link>
    </item>
    <item>
        <title>Entry title 2</title>
        <description>Some description 2</description>
        <g:image_link>http://domain.com/2.jpg</g:image_link>
        <link>http://domain.com/shop/entry2</link>
    </item>

商店
http://domain.com/shop
一些文本
条目标题1
一些描述1
http://domain.com/1.jpg
http://domain.com/shop/entry1
条目标题2
一些描述2
http://domain.com/2.jpg
http://domain.com/shop/entry2

因此，我想做的事情是在html中添加一个搜索表单，然后根据搜索词在同一页面中显示与该词匹配的所有结果（例如，创建新的或空的div）

那可能吗

以下是我的搜索结果：

<div class="searchForm">
<form onsubmit="this.sfSbm.disabled=true" method="post" action="/shop/search">
<input name="query" placeholder="Search" type="text" >
<input class="searchSbmFl" name="sfSbm" value="Find" type="submit">
</form>
</div>

我希望得到这样的代码或类似的结果：

<div class="searchForm">
<form onsubmit="this.sfSbm.disabled=true" method="post" action="/shop/search"><input name="query" placeholder="Search" type="text">
<input class="searchSbmFl" name="sfSbm" value="Find" type="submit">
</form>
<ul id="search-results">
<li class="clr">
<a href="http://domain.com/shop/entry1">
<img src="http://domain.com/1.jpg" class="s-img">
<p>Entry title 1</p>
</a>
</li>
<li class="clr">
<a href="http://domain.com/shop/entry2">
<img src="http://domain.com/2.jpg" class="s-img">
<p>Entry title 2</p>
</a>
</li>
</div>
</div>

看起来是这样的：

<div class="searchForm">
<form onsubmit="this.sfSbm.disabled=true" method="post" action="/shop/search"><input name="query" placeholder="Search" type="text">
<input class="searchSbmFl" name="sfSbm" value="Find" type="submit">
</form>
<ul id="search-results">
<li class="clr">
<a href="http://domain.com/shop/entry1">
<img src="http://domain.com/1.jpg" class="s-img">
<p>Entry title 1</p>
</a>
</li>
<li class="clr">
<a href="http://domain.com/shop/entry2">
<img src="http://domain.com/2.jpg" class="s-img">
<p>Entry title 2</p>
</a>
</li>
</div>
</div>

非常感谢任何能在这方面帮助我的人