listview在jquery mobile中搜索

Question

    <ul id='list' data-role='listview' data-filter='true' data-inset='false'>
    <li id='a1'>
        <h3>ABC</h3>
        <p>this is ABC</p>
    </li>
    <li id='a2'>
        <h3>DEF</h3>
        <p>DEF is not ABC</p>
    </li>
</ul>

例如,

搜索'ABC',结果是ABC和DEF.

但我不想搜索<p>标签,只搜索<h3>标签.

怎么做

Answer 1

嗯......这是一个开始......

$("#list li").each(function(){

    if($(this).
              find("h3").
              text().toUpperCase().
              indexOf(SEARCHWORD.toUpperCase()) >=0)
       $(this).show();
    else
       $(this).hide();

});

看演示