单击Jquery按钮可切换另一个元素的文本和css类
单击Jquery按钮可切换另一个元素的文本和css类
提问于 2013-02-02 02:04:53
我正在制作一个jquery on click事件，该事件切换div#foo的css类(将其附加到现有类之后)，但也需要在显示/隐藏之间切换单击按钮的文本。
<script>
$(document).ready(function(){
$("button.toggler").click(function(){
$("#foo").toggleClass("maximize");
$("button.CsToggle").text(!text == "Expand" ? "Hide" : "Expand");
});
});
</script>
<div id="foo" class="preExistingClass">
<div>
<button class="toggler">Expand</button>
</div>
</div>我让类切换正常工作，但文本切换不能正常工作。我哪里错了？
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-02-02 02:07:50
使用html()函数设置按钮的innerHtml。选择器也应该是$("button.toggler")。此外，您还需要有一个可用的变量text，我假设您的业务逻辑将决定如何设置它。
$(document).ready(function(){
$("button.toggler").click(function(){
$("#foo").toggleClass("maximize");
$(this).html($(this).html() == "Expand" ? "Hide" : "Expand");
});
});工作示例：http://jsfiddle.net/z5QVM/
Stack Overflow用户
发布于 2013-02-02 02:08:34
$("button.CsToggle").toggle(function(){
if ( $(this).text == "Expand"){
// code
}
else {
//code
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14652376
复制相关文章
相似问题
腾讯云开发者
