Javascript X-可编辑和数据表问题

我对我的问题做了一个粗略的解释，但它并没有正确地反映出我的问题，所以我会解释

我有10列表，使用datatables版本1.10和bootstrap3， 带内联编辑和onblur的X-editable:“忽略”用于多个编辑

X | Y头 a | b单元值

如果我同时点击a和b两个单元格，就会发生类似的事情

X | Y 主线编辑模式 双线编辑模式

单击时，单元格b位于X列中单元格a的底部

我通过在标签中使用标签解决了这个问题。 但是我的一些数据表过滤器不起作用， 如果我从所有列中删除span标记，过滤器将正常工作

以下是JSFIDLE链接：

实际上，我不知道如何在代码中编辑onblur选项，所以它不能正确反映我的问题

更新：以下是生成的HTML

数据表中选择的代码

   var table = $('#example').DataTable();

    $("#example thead td ").each( function ( i ) {

        if(i>1)
         select = $('<select class="form-control"><option value=""></option></select>')
            .appendTo( $(this).empty() )
            .on( 'change', function () {
                table.column( i )
                    .search( $(this).val() )
                    .draw();
            }
                 );


        table.column( i ).data().unique().sort().each( function ( d, j ) {
        if(i>1)
            select.append( '<option value="'+d+'">'+d+'</option>' )

        } );
    } );

这是我的问题 因此，对于带有数字的列，即使值中有span标记，它也可以工作

<option value=""></option><option value="<span>0</span>">0</option><option value="<span>10</span>">10</option><option value="<span>1</span>">1</option><option value="<span>2</span>">2</option><option value="<span>3</span>">3</option><option value="<span>4</span>">4</option><option value="<span>5</span>">5</option><option value="<span>8</span>">8</option>

但对于包含文本的列，它不匹配

<select class="form-control"><option value=""></option><option value="<span></span>"></option><option value="<span>TEAM1</span>">TEAM1</option><option value="<span>TEAM2</span>">TEAM2</option><option value="<span>TEAM3</span>">TEAM3</option><option value="<span>TEAM4</span>">TEAM4</option><option value="<span>UNASSIGNED</span>">UNASSIGNED</option></select>

那么，有人能告诉我如何删除值中的span标记吗

<option value=""></option><option value="<span>0</span>">0</option><option value="<span>10</span>">10</option><option value="<span>1</span>">1</option><option value="<span>2</span>">2</option><option value="<span>3</span>">3</option><option value="<span>4</span>">4</option><option value="<span>5</span>">5</option><option value="<span>8</span>">8</option>

更新我已经接近我知道的答案了

---

我只需更改jquery.datatables.js主目录中的d obj，以便选择span标记中的数据，而不是td。

我刚刚发现的另一件事，我使用的是选择过滤器，但是如果我使用文本过滤器，所有的列过滤器都可以正常工作。但是如果我的数据有问题，那么即使我删除了span标记，过滤器也不应该工作。但是当我删除span标记时，它们工作得非常好。