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