Javascript 查找数据属性大于零的第一个元素JQuery

我有一个类为

的div列表。item wrap

目前，我使用以下代码选择第一个div

$(".item-wrap:first").trigger( "click" );   

每个

.item wrap

都有一个

数据量

属性

如何修改当前代码以选择数据量大于0的第一个

.item wrap

。

您可以使用

each（）

迭代元素并使用

return false退出循环

$('.item-wrap').each(function() {
    if (+$(this).data('amount') > 0) {
        // Do "Hello World" here
        $(this).trigger('click');

        // Breakout
        return false;
    }
});

使用
过滤器
功能，我们可以限制搜索。要根据元素的数据属性选择元素，jQuery有一个方便的
data（）
函数

这可能会显示多个结果，如我的示例中所示。要获取第一个，可以使用
first
方法


$（“div”）.filter（函数（）{
返回$（此）.data（“金额”）>0；
}).first（）.css（{“color”：“green”}）

星期二我赌博输了7美元
星期三，我赌博输了3美元
周四，我实际上赢了37美元
我很忙。今天又赢了16美元