当我点击“.pushme”按钮,它的文本变为“不要推我”。当再次点击按钮时,我想再次将文本转换为“推送”。我怎样才能做到这一点?
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<button class='pushme'>PUSH ME</button>
<script>
$(".pushme").click(function () {
$(this).text("DON'T PUSH ME");
});
</script>
</body>
</html>
http://jsfiddle.net/DQK4v/
谢谢。
解决方法
您可以使用文本方法:
$(function(){
$(".pushme").click(function () {
$(this).text(function(i,text){
return text === "PUSH ME" ? "DON'T PUSH ME" : "PUSH ME";
})
});
})
http://jsfiddle.net/CBajb/