Как удалить столбец и получить html, не влияя на дом в Jquery

Question

У меня есть приложение asp. net. Я хотел бы передать сетку HTML без кнопки удаления в конце, чтобы сгенерировать PDF, используя jquery, не влияя на DOM. Так что мне нужно получить html вида сетки без последнего и тд. Как я смогу это сделать?

<div id="container>
  <asp:GridView ID="GridView1" CssClass = "Grid" runat="server" OnRowDeleting="OnRowDeleting" AutoGenerateColumns = "false" OnRowDataBound = "OnRowDataBound">
    <Columns>
        <asp:BoundField DataField="Item" HeaderText="Item" />
        <asp:BoundField DataField="Price" HeaderText="Price" />
        <asp:CommandField ShowDeleteButton="True" ButtonType="Button" />
    </Columns>
  </asp:GridView>
</div>

<Button class="Print-Button" ID="btnExportPdf" data-val="PRT">Export to PDF</Button>


<script type="text/javascript">
        $(function () {
            $(document).on("click", ".Print-Button", function (e) {
                var ItemHTML = $('#container').html();

// I have to remove the delete button (last column) and send to code behind to generate pdf
                var dataVal = { value: ItemHTML };
                $.ajax({
                    url: "webApplication1.aspx/GetURL",
                    contentType: "application/json; charset=utf-8",
                    type: "POST",
                    dataType: "json",
                    data: JSON.stringify(dataVal),
                    success: function (data) {

                    },
                    error: function (result) {
                        alert(result);
                    }
                });
            });

Answer 1

Вы можете сделать что-то вроде ниже

 <asp:GridView runat="server" ID="GridView1" AutoGenerateColumns="false" ClientIDMode="Static">
    <Columns>
        <asp:BoundField DataField="Item" HeaderText="Item" />
        <asp:BoundField DataField="Price" HeaderText="Price" />
        <asp:CommandField ShowDeleteButton="True" ButtonType="Button" ControlStyle-CssClass="hideonprint" />
    </Columns>
</asp:GridView>

<button type="button" class="btn">Export to PDF</button>

<div id="box"></div>

<script type="text/javascript">

    jQuery(function () {
        jQuery('.btn').click(function (e) {
            jQuery('.hideonprint').hide();
            var gv = jQuery('#GridView1').html();
            jQuery('.hideonprint').show();
            jQuery('#box').html(gv);
        });
    });

</script>