Javascript 始终为每个搜索筛选器显示Tablesorter子行

Javascript 始终为每个搜索筛选器显示Tablesorter子行,javascript,tablesorter,Javascript,Tablesorter,电子邮件行是父级。地址是子行。 将为每个搜索筛选器关键字显示子行。 我的目标是简单地筛选子行,并仅显示与父行匹配的子行作为输出。 有人能帮我找出问题出在哪里吗 HTML代码: <div class="form-control divCheckBox"> <div class="tableFilterLink" data-table="selectedTableFilter"> <i class="icon-filter"&g

电子邮件行是父级。地址是子行。
将为每个搜索筛选器关键字显示子行。
我的目标是简单地筛选子行,并仅显示与父行匹配的子行作为输出。
有人能帮我找出问题出在哪里吗

HTML代码:

<div class="form-control divCheckBox">
        <div class="tableFilterLink" data-table="selectedTableFilter">
            <i class="icon-filter"></i>
            <a>Show Filters</a>
        </div>
        <table id="selectedTableFilter" class="table table-bordered table-striped">
            <thead>
            <tr>
                <th>Selected Email</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>dffbach@yahoo.com</td>
            </tr>
            <tr>
                <td>kjjdoe@hotmail.com</td>
            </tr>
            <tr class="tablesorter-childRow">
              <td colspan="4">
                <div class="bold">Shipping Address</div>
                <div>2255 254th Avenue Se<br>Albany, Oregon 97321</div>
              </td>
            </tr>
            <tr>
                <td>pootconway@earthlink.net</td>
            </tr>
             <tr class="tablesorter-childRow">
              <td colspan="4">
                <div class="bold">Shipping Address</div>
                <div>99700 Bell Road<br>Auburn, California 95603</div>
              </td>
            </tr>
            </tbody>
        </table>
    </div>

显示过滤器
选定电子邮件
dffbach@yahoo.com
kjjdoe@hotmail.com
送货地址
俄勒冈州奥尔巴尼东南第254大道2255号,邮编:97321
pootconway@earthlink.net
送货地址
加利福尼亚州奥本市贝尔路99700号,邮编95603
Javascript:

$("#selectedTableFilter").tablesorter({
    debug: true,
    headerTemplate: "{content}<b></b>",
    cssChildRow : "tablesorter-childRow",
    widgets: ["zebra","filter"],
    sortInitialOrder: "asc",
    sortList: [[0,0]],
    sortRestart: true,
    widgetOptions: {
        filter_hideFilters: true,
        zebra : ['normal-row', 'alt-row' ],
        filter_childRows: true,
        filter_cssFilter  : 'tablesorter-filter',
        filter_startsWith: false,
        filter_ignoreCase : true,
        filter_childWithSibs: false,
    },
    widthFixed: true
});
$(“#selectedTableFilter”).tablesorter({
是的,
headerTemplate:“{content}”,
cssChildRow:“表排序器子行”,
小部件:[“斑马”,“过滤器”],
分类领主:“asc”,
排序列表:[[0,0]],
是的,
widgetOptions:{
filter\u hideFilters:true,
斑马:['normal-row','alt row'],
筛选器_子行:true,
filter\u cssFilter:'tablesorter filter',
筛选器_startsWith:false,
过滤器信号情况:正确,
筛选器_childWithSibs:false,
},
宽度固定:正确
});
谢谢@Mottie

如果您正在为tablesorter使用自定义主题,请确保包含以下定义:

.tablesorter-filter {
  display: none;
}

谢谢@Mottie

如果您正在为tablesorter使用自定义主题,请确保包含以下定义:

.tablesorter-filter {
  display: none;
}

那么电子邮件地址行就是这里的父行了吗?是的@SearchingOk..但样本中似乎不存在任何结构。。。你如何辨别一张新唱片?一切都在新的一行。@search我没有把一切都放在新的一行。组成电子邮件的是家长,紧接着的是他们的孩子。看到了吗,电子邮件地址行就是这里的家长?是的@SearchingOk..但样本中似乎不存在任何结构。。。你如何辨别一张新唱片?一切都在新的一行。@search我没有把一切都放在新的一行。组成电子邮件的是家长,紧接着的是他们的孩子。请参阅