更改手风琴内容

Question

我有一个手风琴，我想通过 jquery 单击 add/change 手风琴中的内容。

我设置了 onclick 事件并尝试使用 .innerHTML='some content' 但这不起作用。

我做错了什么？

            <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

除了 Benedikt 的回答之外，您的 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"); 
}

更改手风琴内容

Change Accordion Content

html

jquery

jquery-ui-accordion