如何通过jQuery的通配符搜索确切的包含值的数据属性？ [英] How to search exact contain value by jquery wild card for data attribute?

问题描述

我在页面中使用data_attribute，并且我拥有数据属性的followings元素。

 没有。 1.< div class =row hiddendata-party-registration-source-type-id =1> 
 2.< div class =row hiddendata-party-registration-source-type-id =2,3> 
 3.< div class =row hiddendata-party-registration-source-type-id =3> 
 4.< div class =row hiddendata-party-registration-source-type-id =4,5> 
 5.< div class =row hiddendata-party-registration-source-type-id =11> 
 6.< div class =row hiddendata-party-registration-source-type-id =10> 
  

现在我想显示所有具有data-party-registration-source-type-id = 3
它将显示No.2和3.我正在使用它来搜索

  var partyRegistrationSourceId = $ partyRegistrationSourceTypes。 VAL（）; 
 
 $（'[data-party-registration-source-type-id * ='+ partyRegistrationSourceId +']'）。removeClass（hidden）; 
  

它工作正常，现在的问题是，当我想用​​ID1搜索时，它带来了1,5,6号。每个包含1的id都带来它。我只想用id 1.我该如何做到这一点？如果我使用这个：

  $（'[data-party-registration-source-type-id ='+ partyRegistrationSourceId +' ]'）removeClass（ 隐藏）。 
  

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

解决方案

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

 < div class =row hiddendata-party-registration-source-type-id ={1}> 
< div class =row hiddendata-party-registration-source-type-id ={2}，{3}> 
< div class =row hiddendata-party-registration-source-type-id ={3}> 
 
 var partyRegistrationSourceId = $ partyRegistrationSourceTypes.val（）; 
 
 $（[data-party-registration-source-type-id * ='{+ partyRegistrationSourceId +}']）。removeClass（hidden）; 
  

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

I am using data_attribute in the page and i have followings element with data attribute.

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">

Now i want to show all div that have data-party-registration-source-type-id =3 It will show No.2 and 3. I am using this to search

var partyRegistrationSourceId = $partyRegistrationSourceTypes.val();

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

It is working fine, now the problem is, when i want to search with id "1", it brings number 1,5,6. Every id that contains 1, it bring it. I only want with the id 1. How i can do this? if i use this:

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

Then it will work in this case but not working in above case. How i can search all id that contains exact id?

解决方案

you could try adding kind of separators for each key:

<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");

Let me know if suits your problem or is not what you need

这篇关于如何通过jQuery的通配符搜索确切的包含值的数据属性？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！