在数据表中的td内部通过span标签过滤html

Question

我有一个外部下拉表单，其中包含正确和错误的值，只要选择了错误，ajax post就会运行，并且会在td内生成一个不正确值的span。我需要的是，通过检查td内的跨度，数据表应该过滤掉错误。

HTML：

<select id="filter">
 <option value="correct">Correct</option>
 <option value="incorrect">Incorrect</option>
</select>

//Data Tables
<table id="data">
   <thead>
      <tr>Word</tr>
   </thead>
   <tbody>
      <tr><td>Cat</td></tr>
      <tr><td>Dog</td></tr>
      <tr><td><span="wrong-spelling">Dogr<td></tr>
   </tbody>
</table>

JS：

$(document).ready(function(){
   var dtTable = $('#data').dataTable( {
    "sDom": '<"H"lr>t<"F"ip>',
    "bSort": false,
    "bAutoWidth": false,
    "iDisplayStart": 0,
    "iDisplayLength": 25,
    "bProcessing": true,
    "sPaginationType": "full_numbers",
    "bJQueryUI": true,
            "aoColumns": [
                     {"sType": "string"},
         {"sType": "string"},
                     {"sType": "string"}
        ]       
});      


  $("#filter").change(function(){
     //Ajax Post request to check spelling and will insert span on misspelled words
     dtTable.fnFilter('span');
  });
});

在#filter更改时，如果选择了错误，则只应过滤带有错误拼写的span类的行