Получить текстовое значение span в репитере с помощью javascript или jquery

0

Я не могу получить значение 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>

Я хочу получить значение area_id в теге span (или метка в порядке), используя javascript при нажатии на кнопку изображения

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

но я просто хочу, чтобы значение в первом столбце было причиной ea (0). Я просто хочу получить значение, используя javascript или jquery, а не код за поддержкой.....

  • 0
    добавьте класс в ImageButton и выберите значение первого экземпляра
Теги:
text

4 ответа

3
Лучший ответ

В HTML два элемента не могут иметь одинаковый идентификатор. Ваш ретранслятор создает несколько элементов с одинаковым идентификатором. В JavaScript вы выбираете класс с jQuery вместо ID. Измените его на класс в html.

Поделиться
  • 0
    Если это не поможет, дайте мне знать, и мы можем попытаться выяснить, в чем еще проблема.
  • 0
    благодарю вас! Я изменился следующим образом: <span id="district_id" class="district_id"><%# Eval("DISTRICT_ID") %></span> и javascript var thisspan = $('.district_id').text(); но он добавляет все значения из столбца тега span, я хочу получить только 1 значение столбца при щелчке мышью на изображении
Показать ещё 1 комментарий
0

Добавьте класс css к вашей кнопке изображения, как это. Ни один из двух элементов в DOM не должен иметь одинаковый идентификатор.

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

Ниже приведено значение первого экземпляра кнопки изображения.

console.log($('.imgClass').val());
Поделиться
0

Вы ищете класс, но у вас есть идентификатор

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

Поделиться
0

является селектором для классов, а # - селектором для идентификаторов. Ваш html имеет id не класс, поэтому ваш код должен выглядеть так:

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

Кроме того, id уникален в html, поэтому вам не нужен.eq(0):

var thisspan = $('#district_id');

Наконец, чтобы получить текстовое значение внутри диапазона tah, вам нужно сделать:

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

или

var thisspan = $('#district_id').text();
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню