добавление переменной в селектор jQuery?

Question

Im пытается выбрать элемент с помощью его название, которое хранится в переменной:

$('.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'); 
});