jquery load-method: пользовательский поиск ajax на основе карты сайта?

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 (которую вы можете увидеть сверху) в div #searchresults, куда должен идти загруженный контент.

Однакоя понятия не имею, как я могу сопоставить любой элемент списка из этого списка карты сайта.Поэтому я не хочу, чтобы я мог найти "Сайты" (элемент h3 ", но я хочу найти" Сайт один ", когда я набираю" один ".

Есть идеи, как я могу это сделать? Спасибовы

Answer 1

я бы поместил один класс в тег

как , и они используют:

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

не уверен, что это лучший способ, но он должен работать!