如何在一个jQuery调用中切换两个文本?

时间:2011-04-07 03:15:39

标签: javascript jquery javascript-events jquery-selectors

假设你有一个.click()电话。您可以在.click()调用内编写什么代码,以便每次单击所选元素时,都可以更改两个字符串之间的文本。我假设.toggle().text()会在这里发挥作用......

4 个答案:

答案 0 :(得分:19)

尝试以下几点:

$element.bind('click', function() {
    $(this).html($(this).html() == 'string1' ? 'string2' : 'string1');
});

答案 1 :(得分:0)

假设您的可点击元素是一个按钮,并且您想要切换按钮文本/标签:

$('#clickableElement').click(function() {
    var originalValue = $(this).val();
    $(this).val(originalValue == 'string1' ? 'string2' : 'string1');
});

答案 2 :(得分:0)

$('#togglep').on('click', function(){
  $(this).text(function(st1,st2){
    if (st2=='MARKO'){return 'POLO'};
    return 'MARKO'
  })
})

答案 3 :(得分:-3)

试试这个:

$('#someElement').toggle(function(){
   $(this).text('text1');
  }, 
 function(){
   $(this).text('text2');
 }
);