如何使用javascript或angularjs從字符串中提取html標記的內容？

Question

我有一個字符串包含一些html標籤中的內容，也有一些文本。

它看起來像這樣：

var str = "<p></p><p><i>blabla</i></p><p><i><b>blaaaaaablaaaaa</b></i></p><iframe src="..." height="111" width="333"></iframe><p></p><p><sub>hello blabla</sub></p><p><br></p><iframe src="..." height="444" width="888"></iframe>" 

我想在Javascript或AngularJS不知何故只提取了一些標籤（包括內容和屬性），然後把它們放進一個數組。

例如，如果我只想要標籤，我應該有這樣的：

var array = ["<iframe src='...' height='111' width='333'></iframe>", "<iframe src='...' height='444' width='888'></iframe>"]; 

如果我想<p>標籤則：

var array = ["", "<i>blabla</i>","<i><b>blaaaaaablaaaaa</b></i>","","<sub>hello blabla</sub>","<br>"]; 

什麼建議嗎？謝謝 ！

NOTE：請不要回答請使用jquery拜託！

Answer 1

您可以創建一個角度元素並從中獲取文本。

例子：

$scope.array =[]; 
$scope.eles= 
angular.element(str).find('iframe'); 
[].forEach.call($scope.eles, function (ctl) { 
    $scope.name.push(angular.element(ctl).text()) 
}); 

這裏是一個演示：http://jsfiddle.net/Lvc0u55v/5122/

---

編輯 要獲取標籤的所有HTML，你可以這樣做：

angular.element(str).find('iframe'); 
    [].forEach.call($scope.eles, function (ctl) { 
     $scope.name.push(ctl.outerHTML) 
    }); 

演示：http://jsfiddle.net/Lvc0u55v/5123/