在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'); 
});