javascript - jQuery .data() 选择器

Question

此问题之前已被问过，但我找不到自 2010 年 5 月以来给出的任何答案。如果其中一个或多个答案仍然相关，我很乐意删除此问题。

jQuery 是否有一个选择器，允许我按 .data() 添加的值进行过滤？

示例:(见评论)

//Set IsValid data attribute on all elements that have fired the blur event
$(".txtPayment").blur(function (e) {
    if (IsCurrency($(this).val()))
        $(this).data("IsValid", true);
    else
        $(this).data("IsValid", false);

    SumPayment();
});

//Sum all payments

// I'd like to be able to select all inputs with:
// class == "txtPayment" value != "" && IsValid == true
$('.txtPayment[value!=""]').each(function ()
{
    var sum = 0;

    if ($(this).data("IsValid"))
    {
        sum += Number($(this).val());
        $(this).removeClass("textError");
    }
    else
    {
        $(this).addClass("textError");
        $("#spanSumPayment").addClass("textError");
    }
});

这可以不使用插件吗？

Answer 1

Does jQuery have a selector that will allow me to filter by values added by .data()?

差不多了。它有一个函数可以做到这一点。

$(".txtPayment").blur(function () {
    $(this).data("IsValid", IsCurrency($(this).val()) );
    SumPayment();
});

var validOnes = $('.txtPayment[value!=""]').filter(function() {
  return !!$(this).data("IsValid"));  // (!! turns anything into a Boolean)
});