JQUERY如何以$为分界点获取$前面以及后面的内容并分别保存到DIV里

js版本
    var arr = document.getElementsByTagName('p')[0].textContent.split('$');
    document.querySelector('.box').textContent = arr.join('');
jq版本
    var ptxt = $("p").text();//有且仅有这一关p标签，此法可用
    $('.box').text(ptxt.replace('$','')); 
    
    
javascript:
    var arr = [],
        p_el = document.getElementsByTagName('p'),
        box  = document.querySelector(".box"),
        box2 = document.querySelector(".box2");
    
    for(var i=0;i<p_el.length;++i) {
        arr = p_el[i].split("$");
        box.textContent += arr[0];
        box2.textContent += arr[1];
    }
jQuery:
    var box_txt = "",
        box2_txt2 = "",
        txt = "",
        index = -1;
    $("p").each(function(i){
       txt = $(this).text();
       index = txt.indexOf('$');
       box_txt += txt.substring(0,index);
       box2_txt2 += txt.substring(index+1,txt.length);
    })
    $(".box").text(box_txt);