在jQuery选择器中添加变量？

Question

林试图通过它的标题，它存储在一个变量来选择一个元素：

$('.images').hover(function(){ 
    var img = $(this).attr("title"); 
    $(".image-border[title='img']").addClass('show'); 
} 

但是，你可以想像，该变量被视为字符串的一部分......这是甚至有可能？

Answer 1

你可能会得到答案告诉你使用字符串连接，如：

_{不要做这种方式}

$('.images').hover(function() { 
    var img = $(this).attr('title'); 
    $('.image-border[title="' + img + '"]').addClass('show'); 
}); 

这是一个坏主意。您尚未转义存储在img中的值，并且可能会破坏选择器。

的权的方式做这样的检查是选择一切可以静态，然后filter结果只包括匹配的动态值的那些：

_{做这种方式}

$('.images').hover(function() { 
    var img = $(this).attr('title'); 
    $('.image-border[title]').filter(function() { 
    return $(this).attr('title') === img; 
    }).addClass('show'); 
});