javascript - 使用 jQuery，如何根据单击的元素选择另一个元素？

Question

很难在一个小标题中将其表述为一个问题。

基本上，我有一个 div:

<div class="sites" id="site1"></div>

用户可以点击它，当点击该 div 时，我希望出现另一个具有相似 ID 的 div:

<div id="site1_desc" class="description_holder">

有没有一种方法，当点击前一个div时，我可以选择使用后者。我对 site2、3、4 等有相同的 div 组合。我在想类似的东西:

$(document).ready(function(){
   $('.sites).click(function(){
      $(this&'_desc').css({visibility: "visible"});
     });
});

我知道上面的方法行不通，但我不确定最好的方法是什么。我希望现在问题更清楚了。

Answer 1

使用:

$(document).ready(function(){
 $('.sites').click(function(){
   $('#'+$(this).attr('id')+'_desc').css({visibility: "visible"});
 });
});

Working Fiddle