如何通過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");

讓我知道是否適合您的問題或不是您需要的