jquery - datatables の td 内の span タグで html をフィルタリングする

Question

正しい値と正しくない値を持つ外部ドロップダウン フォームがあります。正しくない値が選択されると、ajax ポストが実行され、正しくない値に対して td 内にスパンが生成されます。私が必要としているのは、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 の変更で、不正が選択された場合、スパン クラスのスペルが間違っている行のみをフィルタリングする必要があります。