что правильный селектор JQuery для этого

Question

У меня есть div вроде этого:

<div id="content"> 
    <div id="link1"> 
     <a href="#"><img src="pic1.png"></a> 
    </div> 
    <div id="link2"> 
     <a href="#"><img src="pic2.png"></a> 
    </div> 
</div> 

тэга скрыт, поэтому я хочу, чтобы показать его зависания link1 или LINK2 я сделал это настолько далеко, но это не работает

$("#content a").hide(); 
$("#content div").hover(function(){ 
    var id = (this.id); 
    $('#' + id + 'a').show(); 
}); 

Answer 1

Ваш селектор должен иметь пробел между id и a, чтобы было ясно, что вы пытаетесь настроить элемент потомка.

$("#content div").hover(function(){ 
    var id = this.id; 
    $('#' + id + ' a').show(); 
}); 

Тем не менее, у вас уже есть ссылка на this, поэтому строить селектор в строке является излишним, используйте find():

$("#content div").hover(function(){ 
    $(this).find('a').show(); 
}); 

Answer 2

Вам необходимо обновить

$('#' + id + 'a').show(); 

в

$('#' + id + ' a').show();