无法在jquery中获取表单标记？

Question

我有如下所示的表格

  <form class="card-photo-body single-image lot-photo dropzone clickable dz-clickable dz-started" id="dropzone-11" action="/Lot/SaveUploadFile" method="post" data-image-type="11" data-image="7bdae02e-d98e-473a-b23d-f54502f99387">
                                    <input type="hidden" name="listingid" value="98b1a9ef-2888-40b4-8622-cef2a88a2da4">
                                    <input type="hidden" name="type" value="11">
                                    <input type="file" style="display: none;" accept="image/*">
                                    <div class="dz-message" data-dz-message="" style="display: none;">
                                        <svg width="78" height="66">
                                            <title>Image Upload</title>
                                            <desc>Camera</desc>
                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/content/images/sprite.svg#camera"></use>
                                        </svg>
                                            <div class="card-photo-body-text">
                                                Drag photo here or <strong>upload</strong>
                                            </div>
                                    </div>
                                <div class="preview dz-success dz-complete" data-image="7bdae02e-d98e-473a-b23d-f54502f99387">
                            <div class="dz-image">
                                <img src="" data-dz-thumbnail="">
                                <div class="image" style="">
                                    <img src="/Lot/Image?id=7bdae02e-d98e-473a-b23d-f54502f99387">
                                </div>
                            </div>
                            <div class="progress" style="display: none;">
                                <div class="bar" style="width: 0%;" data-dz-uploadprogress=""></div>
                            </div>
                                <img remove-file="" class="remove" src="/Content/images/close.png">
                        </div></form>

我试图使用事件在函数中获取表单元素。

  $(event.target).closest('form')

但是我期待上述html，但我只得到了表单元素的内部部分。

   <input type="hidden" name="listingid" value="98b1a9ef-2888-40b4-8622-cef2a88a2da4">
                                    <input type="hidden" name="type" value="11">
                                    <input type="file" style="display: none;" accept="image/*">
                                    <div class="dz-message" data-dz-message="" style="display: none;">
                                        <svg width="78" height="66">
                                            <title>Image Upload</title>
                                            <desc>Camera</desc>
                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/content/images/sprite.svg#camera"></use>
                                        </svg>
                                            <div class="card-photo-body-text">
                                                Drag photo here or <strong>upload</strong>
                                            </div>
                                    </div>
                                <div class="preview dz-success dz-complete" data-image="7bdae02e-d98e-473a-b23d-f54502f99387">
                            <div class="dz-image">
                                <img src="" data-dz-thumbnail="">
                                <div class="image" style="">
                                    <img src="/Lot/Image?id=7bdae02e-d98e-473a-b23d-f54502f99387">
                                </div>
                            </div>
                            <div class="progress" style="display: none;">
                                <div class="bar" style="width: 0%;" data-dz-uploadprogress=""></div>
                            </div>
                                <img remove-file="" class="remove" src="/Content/images/close.png">
                        </div>

我该怎么做才能得到整个表单标签，包括？

Answer 1

你想要整个html吗？使用$(event.target).closest('form')[0]如果只使用$(event.target).closest('form').html()，您将得到innerhtml