javascript - 更改 div 或窗口大小上的段落内容

Question

我正在尝试根据窗口/div 大小编辑段落的内容，但尚未成功。以下是我的尝试:

$(document).ready(function(){
    function check(){
        var w = $(window).width();
        var ot = "elegant@elegant.com<br>commercial@elegant.com";
        var nt = "e@elegant.com<br>c@elegant.com";  
        w < 768 ? $(".mail").text.parseHTML(nt) : $(".mail").text.parseHTML(ot);
    }
    check();
    $(window).resize(check);
    });

有人知道如何继续吗？

Answer 1

我会做这样的事情:

<p class="ot">elegant@elegant.com<br>commercial@elegant.com</p>
<p class="nt">e@elegant.com<br>c@elegant.com</p>

<style>
    p.ot { display: block; }
    p.nt { display: none; }
    @media screen and (max-width: 768px) {
        p.ot { display: none; }
        p.nt { display: block; }
    }
</style>

http://jsfiddle.net/5eg499qm/