javascript - 使用 jQuery 更改点击时的文本值

Question

单击 H4 元素时如何将文本值从“关闭”更改为“打开”，反之亦然？

http://jsfiddle.net/8snk7ev6/

$(document).ready(function($) {
    $('#accordion').find('.accordion-toggle').click(function(){

        //Expand or collapse this panel
        $(this).next().slideToggle('fast', function(){
            var status = $(this).is(':hidden') ? 'close' : 'open';
            $(this).next('.accordion-status').html(status);
        });

    });
});

Answer 1

根据您当前的 DOM 结构，选择器应该是:

$(this).prev('h4').find('.accordion-status').html(status);

因为 this 引用了 .accordion-content div，而您要查找的 accordion-status div 实际上是 之前它。此外，它还包含有 h4 元素。

参见Fiddle