Javascript 在DOM中搜索表

作为我正在做的UI实验的一部分，我已经拼凑了一个拖放搜索

到目前为止，我有：

当您拖动天气按钮时，它将仅显示雨。我的问题是：

例如，这可能是一个附加过程。用户将天气数据显示为下雨，但也将在周二的第二天显示。那么，在周二下雨的地方，这个表能显示所有的搜索结果吗？如果是的话，你能提供一些如何实现这一目标的参考资料吗

我还尝试在函数上设置一个时间间隔，检查droppable div是否有类。这样，如果用户删除可拖动项，则与此div关联的字符串将从搜索中删除。这似乎不起作用，任何机构都能为我指明如何做到这一点的方向（如果可以的话）

像往常一样，如果你想和JSFIDLE乱搞的话，请便

注：如上所述，代码有点零碎，因为我刚刚在网上找到了一些代码，以便提前获得所需的用户体验

谢谢各位

克雷格

$(function () {
var $result = $('.result');
$('.drag').draggable({

});
$('.drop').droppable({
    drop: function (e, ui) {
        outputResult(ui.draggable);
    }
});


setInterval (outputResult(elm), 100);

function outputResult(elm) {
    if ($(elm).hasClass('oweatherType')) {

        searchTable("rain");

    } else if ($(elm).hasClass('oday')) {
        searchTable("Tuesday");
    } else if ($(elm).hasClass('olocation')) {
                searchTable("Scotland");
    }
}

});

function searchTable(weatherSelect) {
var table = $('#tblData');
table.find('tr').each(function (index, row) {
    var allCells = $(row).find('td');
    if (allCells.length > 0) {
        var found = false;
        allCells.each(function (index, td) {
            var regExp = new RegExp(weatherSelect, 'i');
            if (regExp.test($(td).text())) {
                found = true;
                return false;
            }
        });
        if (found === true) $(row).show();
        else $(row).hide();
    }
});
}