2013-10-17 45 views
0

我想在jQuery中格式化HTML內容以發佈到Facebook事件。jQuery - 如何格式化HTML內容以刪除標籤,但插入 n

基本上我想利用類似內容的塊:

<p>Plus&nbsp;<a id=\"js_131\" href=\"https://www.facebook.com/themotorleague?directed_target_id=0\" data-hovercard=\"/ajax/hovercard/page.php?id=42475533139&amp;extragetparams=%7B%22directed_target_id%22%3A0%7D\" data-mce-href=\"https://www.facebook.com/themotorleague?directed_target_id=0\">The Motorleague</a></p> 
<p><a href=\"https://www.facebook.com/AtomiqueProductions/events?directed_target_id=0\" data-hovercard=\"/ajax/hovercard/page.php?id=133649633385384&amp;extragetparams=%7B%22directed_target_id%22%3A0%7D\" data-mce-href=\"https://www.facebook.com/AtomiqueProductions/events?directed_target_id=0\">Atomique Productions</a>&nbsp;and&nbsp;<a href=\"https://www.facebook.com/thezone.fm?directed_target_id=0\" data-hovercard=\"/ajax/hovercard/page.php?id=339763011997&amp;extragetparams=%7B%22directed_target_id%22%3A0%7D\" data-mce-href=\"https://www.facebook.com/thezone.fm?directed_target_id=0\">The Zone @ 91-3, Modern Rock in Victoria</a>&nbsp;present</p> 
<p>-&nbsp;<a href=\"https://www.facebook.com/TheBalconies?directed_target_id=0\" data-hovercard=\"/ajax/hovercard/page.php?id=7677069042&amp;extragetparams=%7B%22directed_target_id%22%3A0%7D\" data-mce-href=\"https://www.facebook.com/TheBalconies?directed_target_id=0\">THE BALCONIES</a>&nbsp;-</p> 

,並使之通過一個jQuery函數刪除所有的HTML標籤,只要一<p>存在,加\n\r\使它看起來像:

加上Motorleague

Atomique製作和區域@ 91-3,現代搖滾以V ictoria 目前

- 陽臺 -

這可能嗎?

如果相關,HTML內容直接來自WordPress帖子頁面的TinyMCE編輯器。

+0

所有我已經能夠做的就是指定內容到JS 'var';因爲我不知道如何做到這一點,我希望有一點指導 –

+0

我會想象它會是某種形式的'str.replace'吧? –

+0

是或一些正則表達式 –

回答

1

這是你的意思:

​​

輸出:

Plus The Motorleague 
Atomique Productions and The Zone @ 91-3, Modern Rock in Victoria present 
- THE BALCONIES - 

REVISIED:

var $el = jQuery('<div>' + str + '</div>').find('*'); 

console.log(doit($el)); 

function doit($el) 
{ 
    var ret = ''; 
    $el.each(function() 
    { 
     var nl = $(this).is('p') ? '\n\r' : ''; 
     ret += jQuery(this).text() + nl; 
    }); 
    return ret; 
} 
+0

函數在哪裏輸入我的字符串? –

相關問題