jquery输入搜索图像列表按alt突出显示

时间:2015-08-20 13:36:31

标签: javascript jquery

我有一个页面,其中包含使用CSS类设置的图像列表,我可以使用它来查找代码中的元素(如果有必要)。

我希望有一个输入可以过滤我的列表,通过突出显示(即删除我的样式类或添加其他样式)任何具有与输入值匹配的alt文本的图像。

我希望这是可以理解的 - 如果没有,我可以进一步澄清。谢谢!

2 个答案:

答案 0 :(得分:0)

试试这个

$("img[alt="+yourText+"]").addClass("somePredefinedClass")

答案 1 :(得分:0)

我认为这可能与您正在寻找的内容相符:

您的输入的ID为" myInput",

和您的饱和类名=" mySaturateClass",

和您的图片类名称=" myImage":

$("#myInput").change(function () {
    var searchTerm = $("#myInput").val();
    $(".myImage").addClass("mySaturateClass");
    $(".myImage[alt=" + searchTerm + "]").removeClass("mySaturateClass");
});

根据您使用饱和度的方式,您可能需要更换addClassremoveClass方法。希望这有帮助!