Question

我有一个搜索输入框，可以过滤我网站上的div。

我想调整此代码，以便它具有相同的功能，但如果可能，则根据图像标题或图像ID进行过滤。

'a', 'b', 'a', 'b', 'a', 'b', 'a', 'b', 'c', 'd' 
[                 ] [                 ] [ ]  [  ]  <-- use 2 long groups
[      ] [        ] [      ]  [       ] [ ]  [  ]  <-- and not 4 short

感谢您一起来看看！

Answer 1

鉴于你有这个标记：

<input type="text" id="searchfor">

...

<img class="images" title="This_is_image_1">
<img class="images" title="This_is_image_2">
<img class="images" title="This_is_image_3">

您可以更改给定代码的这一部分：

$(".name").each(function(){

    // If the div item does not contain the text phrase fade it out
    if ($(this).text().search(new RegExp(filter, "i")) < 0) {
        $(this).fadeOut();

    // Show the div item if the phrase matches 
    } else {
        $(this).show();
    }
});

到此：

$(".images").each(function(){

    // If the div item does not contain the text phrase fade it out
    if ($(this).attr('title').search(new RegExp(filter, "i")) < 0) {
        $(this).fadeOut();

    // Show the div item if the phrase matches 
    } else {
        $(this).show();
    }
});

请记住，在您的问题上投入一些时间，提供标记和脚本的总结，尽管有用的版本，让人们像您在自己的系统上一样重现最终结果。

根据图像标题的搜索输入过滤图像

1 个答案: