Question

如何仅使用jQuery .click()，.toggle()和.text()切换元素的文本？

您可以使用变量来保存要切换的文本。

但请不要使用.toggle（）关闭和关闭课程。

Answer 1

您可以这样做的一种方法是更改元素的类以更改您的css差异。如果要添加文本或其他元素。查看jQuery中的.append（）函数。

然而，仅仅是个人观点，AngularJS会让这种东西变得非常容易。如果你还没有学过任何框架，我建议你看看它。

Answer 2

尝试这样的事情，

var toggleText = "toggle",
  value;
$('div').click(function() {
  $(this).text(function(i, v) {
    if (v == toggleText)
      return value;
    else {
      value = v;
      return toggleText;
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div>hi.....</div>

Answer 3

您可以使用.data()

$(this).data('toggle', 0);           // initial data
$('div').click(function() {          // on click
  if($(this).data('toggle') === 0) { // if toggle is off
    $(this).data('toggle', 1);       // turn toggle on
  } else {                           // if toggle on
    $(this).data('toggle', 0);       // turn toggle off
  }
  $(this).append($(this).data('toggle'));
});

Here's a JSFiddle

用jquery切换元素的文本

3 个答案: