使用 jquery 删除不正确的 html 标签

发布于 2024-12-18 06:05:39 字数 2232 浏览 1 评论 0原文

我正在使用嵌入 radgrid 内的列表视图。 它在本地环境中工作正常,但是当我将页面上传到共享点服务器时,页面正在呈现一些不正确的标签,例如

"</td/>" and "</tr/>"

如何使用 Jquery 删除此标签?

添加图像以提高清晰度

在此处输入图像描述

更多代码:

<telerik:radgrid id="RadGrd" runat="server" autogeneratecolumns="false" clientsettings-allowexpandcollapse="true" allowpaging="false">
<mastertableview tablelayout="Fixed" cssclass="userData" cellspacing="2">
        <FooterStyle CssClass="subRowTop" />
        <ItemStyle CssClass="subRowTop" />
        <AlternatingItemStyle CssClass="subRowTop" />
        <Columns>
            <telerik:GridTemplateColumn>
                <HeaderTemplate>
                </HeaderTemplate>
                <ItemTemplate>
                </ItemTemplate>
            </telerik:GridTemplateColumn>
            <!-- 7 more grid template column -->
            <telerik:GridTemplateColumn>
                <HeaderTemplate>
                </HeaderTemplate>
                <ItemTemplate>
                    <asp:ListView ID="ListView1" runat="server">
                        <LayoutTemplate>
                            <tbody runat="server" id="itemPlaceHolder">
                            </tbody>
                        </LayoutTemplate>
                        <ItemTemplate>
                            <tr class="odd hide">
                                <td>
                                </td>
                                <td>
                                </td>
                                <td >
                                </td>
                                <td >
                                </td>
                            </tr>
                        </ItemTemplate>
                    </asp:ListView>
                </ItemTemplate>
            </telerik:GridTemplateColumn>
        </Columns>
</mastertableview>

在 telerik 列中使用列表视图来显示向下钻取数据的意图

I am using a listview embedded inside a radgrid.
Its working fine on local environment, but when i uploaded the page into sharepoint server, page is rendering with some improper tags like

"</td/>" and "</tr/>"

How can i remove this tags using Jquery ?

Adding image for more clarity

enter image description here

More Code:

<telerik:radgrid id="RadGrd" runat="server" autogeneratecolumns="false" clientsettings-allowexpandcollapse="true" allowpaging="false">
<mastertableview tablelayout="Fixed" cssclass="userData" cellspacing="2">
        <FooterStyle CssClass="subRowTop" />
        <ItemStyle CssClass="subRowTop" />
        <AlternatingItemStyle CssClass="subRowTop" />
        <Columns>
            <telerik:GridTemplateColumn>
                <HeaderTemplate>
                </HeaderTemplate>
                <ItemTemplate>
                </ItemTemplate>
            </telerik:GridTemplateColumn>
            <!-- 7 more grid template column -->
            <telerik:GridTemplateColumn>
                <HeaderTemplate>
                </HeaderTemplate>
                <ItemTemplate>
                    <asp:ListView ID="ListView1" runat="server">
                        <LayoutTemplate>
                            <tbody runat="server" id="itemPlaceHolder">
                            </tbody>
                        </LayoutTemplate>
                        <ItemTemplate>
                            <tr class="odd hide">
                                <td>
                                </td>
                                <td>
                                </td>
                                <td >
                                </td>
                                <td >
                                </td>
                            </tr>
                        </ItemTemplate>
                    </asp:ListView>
                </ItemTemplate>
            </telerik:GridTemplateColumn>
        </Columns>
</mastertableview>

The intention to use list view inside telerik column for to show drill down data

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

倾`听者〃 2024-12-25 06:05:39

由于这些意外的 html 标签位于分别具有 odd 和 subRowTop 类的两个 tr 之间,并且 subRowTop 首先出现,因此我从这些行迭代并删除了这些不必要的标签

$('.subRowTop').each(function () {
                    var currentRow = $(this);
                    while (true) {
                        if (currentRow.next('tr.odd').length > 0) {
                            currentRow = currentRow.next('tr.odd');
                        }
                        else {
                            currentRow.nextUntil('tr').remove();
                            break;
                        }
                    }
                });

As these unexpected html tags are coming between two tr's having class odd and subRowTop respectively and subRowTop comes first, i iterated from these row and removed this unnecessary tags

$('.subRowTop').each(function () {
                    var currentRow = $(this);
                    while (true) {
                        if (currentRow.next('tr.odd').length > 0) {
                            currentRow = currentRow.next('tr.odd');
                        }
                        else {
                            currentRow.nextUntil('tr').remove();
                            break;
                        }
                    }
                });
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文