Jquery - Как выбрать элемент html в div, который содержится в ItemTemplate ретранслятора ASP.NET?

У меня есть повторитель ASP.NET, который содержит 3 div внутри ItemTemplate.

Каждый div, в свою очередь, имеет ряд html-элементов. Я хотел бы сослаться на элемент в первом div (3 div расположены вертикально и параллельно друг другу слева направо).

У меня есть кнопка в 3-м div. При нажатии я хочу иметь возможность выбрать элемент, который содержится в первом div.

Это код, который у меня есть до сих пор:

$("#editButton").click(function () {
     var nameBox = $(".nameBox", $(this).parent());
            });

Я не совсем уверен, как выбрать элемент в первом div. Может ли кто-нибудь предложить какой-нибудь код, пожалуйста?


javascript html jquery asp.net repeater
person Dot NET    schedule 02.11.2011    source источник
comment
Можете ли вы показать HTML, который отображается в браузере?   -  person BZink    schedule 03.11.2011

Ответы (2)


arrow_upward
1
arrow_downward

Просто получите братьев и сестер и найдите элемент с именем класса.

Предполагая, что ваша разметка выглядит следующим образом:

<div>
    <div class="namebox">found me</div>
</div>
<div>
</div>
<div>
    <input type="button" id="btn" value="click"/>
</div>


$("#editButton").click(function () {
     var nameBox = $(this).parent().siblings(':eq(0)').find('.nameBox');
});

Пример jsFiddle

person Gabe    schedule 02.11.2011
comment
Спасибо за ответ. Что делает :eq(0)? - person Dot NET; 03.11.2011
comment
Мне удалось заставить его работать, но по какой-то причине он не работает для каждого экземпляра повторителя. Есть идеи? - person Dot NET; 03.11.2011
comment
:eq(0) — это селектор, получающий первый экземпляр результата. так что в данном случае первый брат. Что касается повторителя, ID уникален для каждой кнопки? Если нет, возможно, рассмотрите возможность использования имени класса для кнопки в повторителе. Пример: $('.myEditButtonClass').click(...) - person Gabe; 03.11.2011
comment
Большое спасибо, Гейб, что решил мою проблему! Огромное спасибо :) - person Dot NET; 03.11.2011

arrow_upward
0
arrow_downward

Почему бы вам не присвоить идентификатор div? Или используйте первый селектор http://api.jquery.com/first-child-selector/< /а>

person shennyL    schedule 02.11.2011