如何將HTML從textarea傳遞給jQuery？

我有以下的html代碼片段。我試圖讓用戶在textarea中輸入一些html，然後我將解析出他們的樣式塊，並用他們的樣式做一些事情。我怎樣才能將#html textarea中的html字符串傳遞給jQuery，以便我可以解析它？如何將HTML從textarea傳遞給jQuery？

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
    <script src="script/jquery-1.3.2.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     function ParseIt() { 
      alert($("#html").val()); 
      $("style", $("#html")).each(function(){ alert($(this).text());}); 
     } 
    </script> 
</head> 
<body> 
     <textarea id="html" name="html" class="email_body " rows="25" cols="100"></textarea> 
     <br /> 
     <input type="button" value="Parse It" onclick="ParseIt();" /> 
</body> 
</html>

也嘗試過這個功能，沒有運氣：

<script type="text/javascript"> 
    function ParseIt() { 
     alert('parsing'); 
     $($("#html").val()).find('style').each(function() { 
      alert('found style'); 
      alert($(this).text()); 
     }); 
    } 
</script>

來源

2010-09-21 brendan

下的這段可能是更好的雅。

$($("#html").val()).find('style').each(function(){ 
    // do stuff 
});

來源

2010-09-21 15:31:35 BBonifield

試過這個和一些類似的變化，但它似乎並沒有工作。試圖尋找只是一個div或任何東西，它似乎從未使用非常簡單的html示例工作。 – brendan 2010-09-21 15:40:55

似乎在這裏工作很好 - http://jsfiddle.net/eMbDP/1/ – BBonifield 2010-09-21 15:55:03

感謝您的跟進！你是對的 - 它創建jquery對象，但我似乎無法找到任何樣式元素 - 請參閱http://jsfiddle.net/eMbDP/5/ – brendan 2010-09-21 16:05:15

如何將HTML從textarea傳遞給jQuery？

回答

相關問題