busca em data attribute (jquery)[RESOLVIDO]

[Santos_2015 4]

Aalera como faço um busca um valor na propriedade data do Jquery através de um input? tipo mostrar a div de acordo com busca e ocultar as outras.

 

<div data-value="A" class="valor">AA</div>
<div data-value="B" class="valor">BB</div>
<div data-value="C" class="valor">CC</div>

 

Ex: Mostrar as div que contenham A e ocultar as restantes.

[Santos_2015 4]

<div class="campo" data-search="valor1">Valor 01</div>
<div class="campo" data-search="valor2">Valor 02</div>
<div class="campo" data-search="valor3">Valor 03</div>
<input type="text" id="search" value="">

$('#search').on('input', function() {
  var search = $.trim(this.value);
  $('.campo').each(function() {
    if (search.length < 1) {
      $(this).show();
    } else {
      $(this).toggle($(this).filter('[data-search*="' + search + '"]').length > 0);
    }
  });
})

 

[Michael Granados 0]

Eu só faria um pouquinho diferente...

 

$('#search').on('input', function () {
  var search = $.trim(this.value).replace(/"/g, '\\\"');

  if (!search) {
    return $('[data-search]').show();
  }

  $('[data-search]')
    .hide()
    .filter('[data-search^="' + search + '"]')
    .show();
});

A ideia é só deixar mais fácil de entender...