通过使用javascript或jquery在中继器中获取span的文本值

Get text value of span in repeater by using javascript or jquery

本文关键字：获取 span 文本 中继器 javascript jquery      更新时间：2023-09-26

我无法获取span（或标签）的值这是我的 HTML 代码

<asp:Repeater ID="rpt_district" runat="server" >
            <ItemTemplate>
            <tbody id='bodies'>
                <tr>
                <td>
                    <span id="district_id"><%# Eval("DISTRICT_ID") %></span>
                </td>
                <td><%# Eval("DISTRICT_NAME") %></td>
                <td>
                    <asp:Label ID="lb_city_id" runat="server" Text='<%# Eval("CITY_ID") %>'></asp:Label>
                </td>
                <td style="float:left; margin-left:5px;">
                    <asp:CheckBox ID="cb_status" runat="server" onclick="javascript: return false;" />
                    <asp:HiddenField ID="hf_status" Value='<%# Eval("ENABLE") %>' runat="server" />
                </td>
                <td>
                    <div style="float:left; margin-left:4px;" >
                        <asp:ImageButton ID="ib_edit" runat="server" ImageUrl="~/Hinh/icons/Edit.png" ToolTip="Edit" />
                    </div>
                    <div style="float:left; margin-left:4px;">
                        <asp:ImageButton ID="ib_delete" runat="server" ImageUrl="~/Hinh/icons/Trash.png" 
                                        ToolTip="Delete" CommandArgument='<%# Eval("DISTRICT_ID") %>'
                                        OnClientClick="getvalue(); return false;"/>
                    </div>
                </td>
                </tr>

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

我想在单击图像按钮时使用 JavaScript 在 span 标签（或标签可以）中获取 district_id 的值 

function getvalue() {
    var thisspan = $('.district_id').eq(0);
    alert(thisspan);
}

但它只是获取第一列中的值是 EA（0） 的原因我只是想通过使用JavaScript或jQuery而不是代码来获取价值谢谢。。。。。

在 HTML 中，没有两个元素可以具有相同的 ID。您的转发器正在创建具有相同 ID 的多个元素。在 JavaScript 中，你选择一个使用 jQuery 而不是 ID 的类。

您正在搜索一个类，但您有一个 ID

var thisspan = $（'#district_id'）.eq（0）;

. 是类的选择器

，# 是 ID 的选择器。你的 html 有 id 而不是类，所以你的代码应该是这样的：

var thisspan = $('#district_id').eq(0);

此外，id 在 html 中是唯一的，因此您不需要 .eq（0）：

var thisspan = $('#district_id');

最后，要获取 span tah 内的文本值，您需要执行以下操作：

var thisspan = $('#district_id').html();

或

var thisspan = $('#district_id').text();
像

这样将 css 类添加到图像按钮。DOM 中没有两个元素应该具有相同的 ID。

<asp:ImageButton ID="ib_delete" CssClass="imgClass" ..../>

下面将为您提供图像按钮的第一个实例的值。

console.log($('.imgClass').val());
相关文章：