jQuery 单击没有执行任何操作？

Question

单击 <span class="edit_submit"></span> 时，应输入以下代码，获取textarea的内容并通过 POST 发送至 edited_page.php ，然后显示 edited_page.php 的内容。目前，我什至不相信该功能正在运行。有什么想法吗？

Fiddle is here.

$('.edit_submit').on('click', function () {
                $parent = $(this).parent()
                $textarea = $(this).siblings(".el-rte").child(".workzone").child("textarea");
                $text = $textarea.val();
                $id = $textarea.attr('id');
                $parent.html("images/load.jpg").load("edited_page.php", {location: $id, content: $text, page: "<?php echo $page; ?>"});
            });

HTML:

<div id="main">
    <div class="el-rte">
        <div class="workzone" style="height: 400px;">
            <textarea id="main" class="edit_area" style="display: none; height: 400px;" name="main">
                &lt;b&gt;Hello. &lt;/b&gt;&lt;i&gt;This is sam &lt;/i&gt;&lt;u&gt;Testing this website&nbsp;&lt;/u&gt;
            </textarea>
        </div>
    </div>
    <span class="edit_submit" style="background:black;">Save Edit</span></div>
</div>

Answer 1

这是working fiddle ... jquery 中没有 child() 方法，我使用了 children()... 并修复了 fiddle 中存在的问题

$('.edit_submit').on('click', function () {
           $parent = $(this).parent()
           $textarea = $(this).siblings(".el-rte").children(".workzone").children("textarea");
           $text = $textarea.val();
           $id = $textarea.attr('id');
           alert($id);
           $parent.html("images/load.jpg").load("edited_page.php", {location: $id, content: $text, page: "<?php echo $page; ?>"});
        });

而不是通过 child 和 sibling ..你可以只使用find()

$textarea = $parent.find('textarea');

已更新

fiddle