有没有办法使用jQuery过滤多个条件？

当然可以。jQuery 提供了强大的选择器功能，可以用来过滤多个条件。你可以使用 filter() 方法结合多个条件来实现这一点。

基础概念

filter() 方法允许你筛选出与指定表达式匹配的元素集合。你可以传递一个函数给 filter()，这个函数会对每个元素进行测试，返回 true 的元素会被包含在筛选后的集合中。

类型

基本选择器：如 $('#id')、$('.class')、$('tag')。
组合选择器：如 $('div.class')、$('#id .class')。
伪类选择器：如 $('div:first')、$('div:last')。

应用场景

假设你有一个包含多个项目的列表，你想筛选出符合特定条件的项。例如，筛选出价格大于 100 且库存大于 0 的商品。

示例代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery Filter Example</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <ul id="products">
        <li data-price="50" data-stock="10">Product A</li>
        <li data-price="150" data-stock="0">Product B</li>
        <li data-price="200" data-stock="5">Product C</li>
        <li data-price="75" data-stock="3">Product D</li>
    </ul>

    <script>
        $(document).ready(function() {
            var filteredProducts = $('#products li').filter(function() {
                var price = parseInt($(this).data('price'));
                var stock = parseInt($(this).data('stock'));
                return price > 100 && stock > 0;
            });

            filteredProducts.css('color', 'red');
        });
    </script>
</body>
</html>