在带有jquery搜索列的html表中，获取值和删除行

Question

HTML：

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

我动态地正确添加值。

我想进行搜索，如果myValue等于第3列（TypeDistribution）中的值，请获取第1列（计数器）中的值并删除整行。我可以用jquery做到这一点吗？

类型是文字，
Counter和TypeDistribution是整数，
删除是按钮。

编辑：

Answer 1

这是你的答案，

$(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

只需为第三列提供一个类，例如typeDistribution。您可以轻松访问它，并通过其父母，以及其他列。

/**
 * 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

尝试以下方法：

$(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');
        }
      })
    });
  });
})