Javascript 使用jQuery在单击时更改文本值

单击我的H4元素时，如何将文本值从“关闭”更改为“打开”，或从“打开”更改为“关闭”

---

根据您当前的DOM结构，选择器应为：

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

因为

这个

指的是

.accordion内容

div，而您要查找的

accordion状态

div实际上在它前面。另外，它用

h4

元素包装

---

请参见检查下面的代码或转到更新的fiddle

---

@michaelmcgurk：欢迎来到stackoverflow。在这个QA站点中，当答案被实现时，我们不会在问题标题后面附加“（已解决）”。相反，我们通过单击答案左上角的复选框来标记正确答案。如果你自己想出来答案，那么发布你自己的答案，给它一些时间，如果没有人有更好的答案（由你决定），你可以在48小时的等待期后接受你自己的答案。@CerlinBoss“会员5个月”-我觉得我应该欢迎你这么做；-）抱歉，现实世界有时会妨碍我们。如果你仔细看一下我之前的问题，你会发现我总是给出正确的答案并表示感谢。我从不在问题标题后面加“（已解决）”。注意：）这句话的目的是要确保付出努力的人能因此得到赞扬。同时，成为会员超过3年也没有任何理由。如果你真的喜欢stackoverflow，那么你应该在别人指出答案之前接受答案。仅供参考，我很高兴您接受了对您有帮助的答案。：）我也很高兴：-）不幸的是，在发布答案和我自己能够接受答案之间有9分钟的时间限制。那时候，我因个人差事被带离电脑，直到现在才接受答案。从我的个人资料中可以看出，我接受绝大多数答案。这是一次罕见的拖延：D

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

$(document).ready(function($) {
    var OBJ = '';
    $('#accordion').find('.accordion-toggle').click(function(){
        OBJ = $(this);
        //Expand or collapse this panel
        $(this).next().slideToggle('fast', function(){
            var status = $(this).is(':hidden') ? 'close' : 'open';
            OBJ.find('div.accordion-status').html(status);
        });

    });
});