jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何使用Jquery在2个替代字符串之间切换innerHTML大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有span元素,我想切换“Price”和“Net”之间的内容,点击另一个元素.

本质上,它需要测试现有的单元格内容以查看当前存在的单元格内容,然后将其与另一个进行交换.

像这样的东西:

<input
    type    = "checkBox"
    name    = "element1"
    onclick = "$(#element2).toggleHTML('Price','Net')">

<span id="element2">Price</span>

我编写了上面使用的toggleHTML方法来演示我期望它可能如何工作.

解决方法

您可以使用html或text方法的回调函数.

$('input[name="element1"]').click(function() {
    $('#element2').text(function(_,text) {
        return text === 'Price' ? 'Net' : 'Price';
    });
});

http://jsfiddle.net/BLPQJ/

您还可以定义一个简单的方法

$.fn.toggleHTML = function(a,b) {
    return this.html(function(_,html) {
        return $.trim(html) === a ? b : a;
    });
}

用法

$('#element2').toggleHTML('Price','Net');

http://jsfiddle.net/AyFvm/

大佬总结

以上是大佬教程为你收集整理的如何使用Jquery在2个替代字符串之间切换innerHTML全部内容,希望文章能够帮你解决如何使用Jquery在2个替代字符串之间切换innerHTML所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。