在 jquery 中显示相对于其 id 的 div

Question

在我看来，我有

$(document).ready(function()
  {
    $(".view_proposal").click(function(e)
    {
      e.preventDefault();
      $(".proposal").fadeOut(500);
      var id = $(this).attr('id');
      $("details-"+id).fadeIn(500);
    });
  });

.proposal
{
  display:none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<a href="#"><li class="list-group-item view_proposal" id="1"><strong>Alen</strong> requesting at <strong>10000</strong></li></a>
<a href="#"><li class="list-group-item view_proposal" id="2"><strong>Alen2</strong> requesting at <strong>20000</strong></li></a>
<div class="panel panel-default">
    <div class="panel-heading">
      Proposal Details
    </div>
    
      <div class="panel-body proposal" id="details-1">
        BLA BLA BLA
      </div>
  
  <div class="panel-body proposal" id="details-2">
        BLA BLA BLA BLAB adskofojd;lff
      </div>
  </div>

当我单击view_proposal锚标签时，它们确实淡出上一个结果，但不显示其相关的 iddiv。我在这里做错了什么？

Answer 1

您忘记将#附加到选择器。

$("#details-"+id).fadeIn(500);