搜索栏正在搜索图像源链接，我怎样才能让它搜索名称？答案

【问题标题】：Search bar is searching for image source link, how can I make it search for a name instead?搜索栏正在搜索图像源链接，我怎样才能让它搜索名称？
【发布时间】：2015-12-06 04:07:53
【问题描述】：

我正在尝试使用 list.js 方法从图片库中搜索某些结果。目前，搜索栏正在使用图片来源链接搜索结果。这是我的代码：

HTML

<div id="users">
    <input class="search" placeholder="Search" />
        <ul class="list">

            <!-- Apple -->
            <li>
                <a href="#" class="name"><img src="img/Apple.jpg"></a>
            </li>

            <!-- Orange -->
            <li>
                <a href="#" class="name"><other src="img/Orange.jpg"></a>
            </li>

            <!-- Lemon -->
            <li>
                <a href="#"><img src="img/Lemon.jpg"></a>
            </li>

            <!-- Banana -->
            <li>
                <a href="#"><img src="other/Banana.jpg"></a>
            </li>

Javascript

var options = {
    valueNames: [ 'name' ]
};

var userList = new List('users', options);

当我输入“img”时，它会在搜索结果中显示我不希望发生的柠檬、橙子和苹果。我不知道该怎么做才能让搜索栏给我实际名称的结果（只是 Apple、Banana、Orange、Lemon）而不是整个图像源链接。

【问题讨论】：

等等我不明白，你要我纠正什么？要我删除链接吗？所有相关代码都在帖子中，所以我认为它不会受到伤害。
我不知道该怎么称呼它，但它就像一个库，可以为您的代码添加搜索/排序功能。再说一次，我真的不知道该怎么称呼它。我决定放入链接，因为它有很多代码要放入帖子中。想让人们知道我在用什么。编辑：无论如何，我删除了链接。

标签： javascript html filtering

【解决方案1】：

我认为这是因为您已将类名添加为搜索源，但带有类名的选项卡是包含图像本身的链接，请尝试将图像与链接分开或将单独的类添加到图像代码我想说的是：

<a class="x"> ....... </a>

当你搜索时，它会返回标签内的任何东西(.....) 因此您需要将图像部分移出或创建一个新的可搜索选项卡试试这个：

<a href="#" ><img src="img/Apple.jpg"></a> <a class="name"> Image_Name </a>

或

 <a class="name">Image_Name </a> <img src="img/Apple.jpg">

【讨论】：

你能给我举个例子吗？
效果很好，但现在有一个讨厌的链接。
你用的是哪一个？
他们都工作了，第一个显示链接在底部，第二个显示在图像顶部。我要用第二个。链接不可以隐藏也好，隐藏但不是不可用就更好了。
很高兴它对您有所帮助 :)，尝试将 Image_Name 更改为 Image_Name 但请注意，您将无法链接结果