如何将textarea中的html传递给jQuery?

时间:2010-09-21 15:27:28

标签: jquery

我有以下html代码段。我试图让用户在textarea中输入一些html,然后我将解析他们的样式块并用他们的样式做一些事情。如何将#html textarea中的html字符串传递给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>

1 个答案:

答案 0 :(得分:4)

下面的snippit对你来说可能更好。

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