Filtern von Zeilen basierend auf dem Wert auswählen

Brauche ich zum filtern von Zeilen basierend auf dem Wert wählen. Wenn ausgewählt, wird der Wert "" (leere) Tabelle, die ausgeblendet werden muss. Wenn Sie wählen Sie Wert ist, sagen wir 1, Tabelle muss sichtbar sein und es muss nur Zeilen, wo die erste Spalte der Tabelle halten Wert 1.

Das problem ist, dass dies die Spalte id, mehrere ids wie 1,2.
Da meine JQuery-Fähigkeiten sind nicht die besten muss ich Euch Jungs mir helfen, meine komplette code

Mein Selektor

<select id='mySelector'>
   <option value="">Please Select</option>
   <option value='1'>A</option>
   <option value='2'>B</option>
   <option value='3'>C</option>
</select>

Meinem Tisch

<table id='myTable'>
   <thead>
      <tr>
         <th>ids</th>
         <th>name</th>
         <th>address</th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td>1,2</td>
         <td>Jhon</td>
         <td>Doe</td>
      </tr>
      <tr>
         <td>3</td>
         <td>Mike</td>
         <td>Poet</td>
      </tr>
      <tr>
         <td>2,3</td>
         <td>Ace</td>
         <td>Ventura</td>
      </tr>
   </tbody>
 </table>

Mein Skript

$(document).ready(function($) {
    $('table').hide();
    $('#mySelector').change( function(){
      $('table').show();
      var selection = $(this).val();
      var dataset = $('#myTable').find('tr');
          $.each(dataset, function(index, item) {
            //help
          });
    });
});

Und hier arbeitet plunker

Wenn Sie zusätzliche Informationen benötigen, bitte lassen Sie mich wissen, und ich werde bieten. Vielen Dank im Voraus.

Sie haben Kontrolle über das markup? Könnten Sie das ändern der Tabellen-markup-Code, zum Beispiel? Dies wäre viel einfacher, wenn man könnte hinzufügen, einige Attribute des markup: <tr data-id="[2,3]"> zum Beispiel.
ja, ich habe die Kontrolle der Markierungen

InformationsquelleAutor Valor_ | 2017-01-09

Versuchen Sie es mit folgenden code

$("#mySelector").on("change",
           function(){
               var a = $(this).find("option:selected").html();

               $("table tr td:first-child").each(
                   function(){
                       if($(this).html() != a){
                           $(this).parent().hide();
                       }
                       else{
                           $(this).parent().show();
                       }
                   });
           });

InformationsquelleAutor GSB

Hier ist eine Lösung, die Sie testen können hier

$(function() {
    $('table').hide();
    $('#mySelector').change( function(){
      $('table').show();
      var selection = $(this).val();
      var dataset = $('#myTable').find('tr');

      dataset.each(function(index) {
        item = $(this);
        item.hide();

        var firstTd = item.find('td:first-child');
        var text = firstTd.text();
        var ids = text.split(',');

        for (var i = 0; i < ids.length; i++)
        {
            if (ids[i] == selection)
          {
            item.show();
          }
        }
      });
    });
});

InformationsquelleAutor Petar Vasilev

Kurze Lösung mit :contains() selector:

$(document).ready(function($) {
    $('table').hide();

    $('#mySelector').change( function(){
      var selection = $(this).val();
      $('table')[selection? 'show' : 'hide']();

      if (selection) {  //iterate only if `selection` is not empty
        $.each($('#myTable tbody tr'), function(index, item) {
          $(item)[$(item).is(':contains('+ selection  +')')? 'show' : 'hide']();
        });
      }

    });
});