1

我正在使用 JQuery Mobile 表：

<table data-role="table" id="productTable" data-mode="reflow" class="tablesorter ui-responsive table-stroke my-custom-breakpoint">
                <thead>
                    <tr>
                        <th data-priority="1">
                            ID
                        </th>

                        ...

                    </tr>
                </thead>
                <tbody>
                    <asp:Repeater ID="productRepeater" runat="server">
                        <ItemTemplate>
                            <tr class="item">
                                <th class="id">
                                    <%# Eval ("ID")%>
                                </th>

                                ...

                            </tr>
                        </ItemTemplate>
                    </asp:Repeater>
                </tbody>
            </table>

现在我正在尝试从下面的 JavaScript 中提取所有 id 并将它们放入一个数组中：

function viewSelectedDocuments() {
    var selectedIDs = [];    
    $("tr.item").each(function () {  
        var id = $(this).children().eq(0).text();
        var id = $.trim(id);
        alert(id);
        selectedIDs.push(id);
    });
}

单击按钮时调用此函数。然而，在var id我并没有得到我所期望的。而不是单元格中的文本说"1"我得到

"ID

                                    1"

是的 -$.trim(id);不工作。

有什么建议么？

谢谢！

4

1 回答 1

3

这可以通过一些正则表达式轻松解决：

var id = $(this).children().eq(0).text().replace(/\s+/g, " ");

我的建议是稍微改进一下你的结构：

<ItemTemplate>
    <tr class="item" data-id='<%# Eval ("ID")%>'>
        <th class="id">
            <%# Eval ("ID")%>
        </th>
        ...
    </tr>
</ItemTemplate>

和

function viewSelectedDocuments() {
    var selectedIDs = [];    
    $("tr.item").each(function () {  
        var id = $(this).data('id');
        //var id = $.trim(id); <-- no need to trim anymore

        // depending on what your <%# Eval ("ID")%> you might still need regex
        // id = id.replace(/\s+/g, " "); // uncomment if needed
        alert(id);
        selectedIDs.push(id);
    });
}

正则表达式 + jQuerytext()有点资源密集型，因为它在幕后进行一些 DOM 操作，而使用data()或多或少读取属性值

于 2013-06-06T09:09:39.190 回答