Question

嘿伙计们，我有一个h3的站点地图，并且ul是这样的：

<div id="ajax-base">
<h3>Sites</h3>
<ul>
    <li>Site one</li>
    <li>Site two</li>
    <li>Site three</li>
</ul>
<h3>Posts</h3>
<?php $first = 0;?>
    <ul>
        <li>Post one</li>
        <li>Post two</li>
        <li>Post three</li>
    </ul>
<h3>Categories</h3>
<ul>
    <li>Category one</li>
    <li>Category two</li>
</ul>
</div>

在我的网站上输入搜索字段时，我想从此站点地图页面加载MATCHED LIST-ELEMENTS。

var $sr = $('#searchresults');
$('.searchfield').keydown(function() {
        $sr.load("/sitemap/" + " #ajax-base", function() {

        });
    });

目前我已成功将整个站点地图#ajax-base div（您可以在顶部看到）加载到#searchresults div中，其中载入的内容应该去。

但是我不知道如何匹配此站点地图列表中的任何列表项。所以我不希望能够找到“网站”（h3元素“但我想在我输入”one“时找到”Site one“。

任何想法我怎么能这样做？谢谢

Answer 1

我要做的是把一个类放在＆lt; li>标签喜欢＆lt; li class =“to_match”＆gt;他们使用：

  $(".to_match").each(function() {
        //do stuff with the li, like :
        var text = $(this).val();       
        alert(text);        
        });

不确定是否是最佳方式，但它应该有效！

jquery load-method：基于sitemap的自定义ajax搜索？

1 个答案: