JQuery:使包含不区分大小写

Question

我已经在这个网站上查看了其他解决方案，但不知道如何适应我的情况。我有以下代码，它查找包含“尺寸”的标签，但它也需要查找“尺寸”。

    <script type="text/javascript">
        $(document).ready(function() {                                                       

            if ( $('.productOptionsBlock label:contains("Size")').length > 0 ) {
                $('.productOptionsBlock label:contains("Size")').replaceWith('<label>Please select your size:</label>');
            }

        });
    </script>       

作为 JQuery 新手，我不知道如何应用我发现的其他功能...

非常感谢，

安迪

Answer 1

这里我们定义自己的表达式，而不是更改系统名称为“contains-ci”的表达式(contains 不区分大小写):

$.extend($.expr[":"],
{
    "contains-ci": function(elem, i, match, array)
    {
        return (elem.textContent || elem.innerText || $(elem).text() || "").toLowerCase().indexOf((match[3] || "").toLowerCase()) >= 0;
    }
});

在我的博客上发帖，您可以在其中找到一些在此表达式之上运行的示例:

http://blogs.digitss.com/javascript/jquery-javascript/jquery-case-insensitive-contains-expression/

http://blogs.digitss.com/javascript/jquery-javascript/implementing-quick-table-search-using-jquery-filter/