In HTML-Tabelle mit jquery Suchspalte, Wert erhalten und Zeilen

Question

HTML löschen:

<table class="table" id="myTable"> 
    <tr> 
     <th>Type</th> 
     <th>Counter</th> 
     <th>Remove</th> 
     <th style="display:none;">TypeDistribution</th> 
    </tr> 
</table> 

ich hinzufügen Werte dynamisch richtig.

Ich möchte suchen und wenn myValue gleich einem Wert in Spalte 3 (TypeDistribution), erhalten Sie den Wert in der Spalte 1 (Counter) und löschen Sie die gesamte Zeile. Kann ich es mit jQuery machen und wie?

Typ Text ist,
Zähler und Strukturverteilung ganze Zahlen sind,
Entfernen ist Taste.

Edit:

Answer 1

Hier ist Ihre Antwort,

$(document).ready(function(){ 
    var searchValue = 456; //lets say your value is 456 
    $("table tr").each(function(){ 
     $(this).find('td').each(function(){ 
      var currentText = $(this).text(); 

      if(currentText == searchValue){ 
       $(this).parents('tr').remove(); 
      } 
     }); 
    }); 
}); 

HTML: -

<table class="table" id="myTable"> 
    <tr> 
     <th>Type</th> 
     <th>Counter</th> 
     <th>Remove</th> 
     <th style="display:none;">TypeDistribution</th> 
    </tr> 
    <tr> 
     <td>abc</td> 
     <td>def</td> 
     <td>ghi</td> 
     <td>pqr</td> 
    </tr> 
    <tr> 
     <td>123</td> 
     <td>456</td> 
     <td>789</td> 
     <td>101</td> 
    </tr> 
</table>  

Answer 2

einfach Ihre dritte Spalte gibt eine Klasse, zum Beispiel typeDistribution. Sie können es leicht erreichen und, über seine Eltern, auch die anderen Säulen.

/** 
* Compare the given value with the third column 
* @param {String} value The value to compare the thrd column with 
* @return {String}  The value from the first column 
*/ 
function compare(value) { 
    if ($('.typeDistribution').html() == value) { 
     return $(this).parent().remove().children()[1].html(); 
    } 
} 

Answer 3

Versuchen Sie Folgendes:

$(document).ready(function() { 
    $('.button').on('click', function() { 
    $('.table .values').each(function() { 
     $('td').each(function() { 
     if ($(this).text() == $(".select option:selected").val()) { 
      var old = $('tr').find("td").eq(1).text(); 
      $('tr').find("td").eq(1).text(parseInt(old) + 1); 
     } else { 
      alert('not found'); 
     } 
     }) 
    }); 
    }); 
})