更改Accordion内容

Question

我有一把手风琴，我想通过jquery在点击上添加/更改手风琴内的内容。

我设置了onclick事件并尝试使用.innerHTML ='某些内容' 但这不起作用。

我在做什么错？

  <div class="panel-group"> 
       <div class="panel panel-accordion"> 
        <div class="panel-heading"> 
         <h4 class="panel-title"> 
          <a class="accordion-toggle" data-toggle="collapse" href="#showReq" onclick="showReqDetails"> Accordion Header</a> 
         </h4> 
        </div> 

        <div id="showReq" class="accordion-body collapse"> 
         <div class="panel-body"> 
          this need editing 
         </div> 
        </div> 
       </div> 
      </div> 

的Javascript

function showReqDetails(){ 
    $("#showReq").innerHTML='new content'; 
    } 

Answer 1

使用下列内容：

$('.panel-body').html('your text here'); 

Answer 2

除了本尼迪克特的答案，你错过了括号中的onclick事件。您的代码应该是：

<div class="panel-group"> 
    <div class="panel panel-accordion"> 
     <div class="panel-heading"> 
      <h4 class="panel-title"> 
       <a class="accordion-toggle" data-toggle="collapse" href="#showReq" onclick="showReqDetails()"> Accordion Header</a> 
      </h4> 
     </div> 
     <div id="showReq" class="accordion-body collapse"> 
      <div class="panel-body">this need editing</div> 
     </div> 
    </div> 
</div> 

，如果你真的想改变#showReq内容：

function showReqDetails(){ 
    $("#showReq").html("new content"); 
}