HTML列表过滤未正确过滤

时间:2019-04-20 03:08:24

标签: javascript html

我正在使用以下按钮在网站上建立一个过滤系统,该按钮可以过滤下面的图像,但我遇到了问题。当我尝试按“鲍勃”过滤时,它也会在“鲍比”下显示结果。

我正在使用w3schools'方法。下面是我正在使用的代码

    func tableView(tableView: UITableView!, cellForRowAtIndexPath indexPath: NSIndexPath!) -> UITableViewCell!  {
            var cell : UITableViewCell = tableView.dequeueReusableCellWithIdentifier("Cell") as UITableViewCell
//Do your Resetting code here
}

和我的作品

  <button class="button" onclick="filterSelection('all')">All</button>
  <button class="button" onclick="filterSelection('bob')">Bob</button>
  <button class="button" onclick="filterSelection('bobby')">Bobby</button>

  <div class="column bob">Bob</div>
  <div class="column bobby">Bobby</div>

1 个答案:

答案 0 :(得分:1)

更改

(x[i].className.indexOf(c) > -1)

((" "+x[i].className+" ").indexOf(" "+c+" ") > -1)

它在整个className字符串周围以及类本身周围添加一个空格。

这将不允许搜索“ bob”的结果对“ bobby”返回正数:)