Question

我想创建一个JQuery语句：当我在输入字段中输入一个值时，JQuery语句可以根据标记的内容选择一个项目列表。

例如，如果我输入＆＃34; F＆＃34;在输入字段中，列表ID为＆＃34; 2＆＃34;和＆＃34; 3＆＃34;可以选择。

以下是HTML代码：

<input id="test" type="text">
<ul id="myul" class="myul">
    <li id="1" class="a">
        <span>
            <b>Money</b>
            <i>Fish Money Food a</i>
        </span>
    </li>
    <li id="2" class="a">
        <span>
            <b>Food</b>
            <i>Fish Money Food b</i>
        </span>
    </li>
    <li id="3" class="a">
        <span>
            <b>Fish</b>
            <i>Fish Money Food c</i>
        </span>
    </li>
</ul>

但是，我想要一个通用的解决方案，这个通用解决方案也适用于类似结构的其他HTML代码，例如：

<ul id="myul" class="myul">
    <li id="1" class="a">
        <a>Money</a>
        <i>Fish Money Food a</i>
    </li>
    <li id="2" class="a">
        <a>Food</a>
        <i>Fish Money Food b</i>
    </li>
    <li id="3" class="a">
        <a>Fish</a>
        <i>Fish Money Food c</i>
    </li>
</ul>

我是JQuery的新手，有人可以帮帮我吗？

感谢。

Answer 1

这样的东西？您可以使用：contains来搜索具有该文本的元素

$('#test').on('keyup', function () {
    $('#myul li').hide();
    $('#myul li:contains("' + this.value + '")').show();
});

DEMO

您可以通过粘贴this code来包含不区分大小写。

jQuery.expr[":"].Contains = jQuery.expr.createPseudo(function(arg) {
    return function( elem ) {
        return jQuery(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;
    };
});

JQuery在多个元素级别上的选择

1 个答案: