如何通过jquery通配符搜索数据属性的精确包含值？

Question

我在页面中使用了 data_attribute，并且我有以下带有 data 属性的元素。

No. 1.<div class="row hidden" data-party-registration-source-type-id="1">
    2.<div class="row hidden" data-party-registration-source-type-id="2,3">
    3.<div class="row hidden" data-party-registration-source-type-id="3">
    4.<div class="row hidden" data-party-registration-source-type-id="4,5">
    5.<div class="row hidden" data-party-registration-source-type-id="11">
    6.<div class="row hidden" data-party-registration-source-type-id="10">

现在我想显示所有具有 data-party-registration-source-type-id =3 的 div 它会显示 No.2 和 3。我用这个来搜索

var partyRegistrationSourceId = $partyRegistrationSourceTypes.val();

 $('[data-party-registration-source-type-id*=' + partyRegistrationSourceId + ']').removeClass("hidden");

它工作正常，现在的问题是，当我想用​​ id "1" 搜索时，它会带来数字 1,5,6。 每个包含 1 的 id，它都会带来它。 我只想要 id 1。我怎么能做到这一点？ 如果我使用这个：

$('[data-party-registration-source-type-id=' + partyRegistrationSourceId + ']').removeClass("hidden");

然后它将在这种情况下工作，但在上述情况下不起作用。 我如何搜索包含确切 ID 的所有 ID？

Answer 1

您可以尝试为每个键添加一种分隔符：

<div class="row hidden" data-party-registration-source-type-id="{1}">
<div class="row hidden" data-party-registration-source-type-id="{2},{3}">
<div class="row hidden" data-party-registration-source-type-id="{3}">

var partyRegistrationSourceId = $partyRegistrationSourceTypes.val();

$("[data-party-registration-source-type-id*='{" + partyRegistrationSourceId + "}']").removeClass("hidden");

让我知道是否适合您的问题或不是您需要的