Jquery - 如何选择 div 中的 html 元素(包含在 ASP.NET 转发器 ItemTemplate 中)?

发布于 2024-12-13 04:12:09 字数 373 浏览 0 评论 0原文

我有一个 ASP.NET 中继器,其中 ItemTemplate 内包含 3 个 div。

每个 div 又包含许多 html 元素。我想引用第一个 div 中的一个元素(这 3 个 div 垂直放置,从左到右彼此平行)。

我在第三个分区有一个按钮。当按下时,我希望能够选择第一个 div 中包含的元素。

这是我到目前为止得到的代码:

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

但我不太确定如何选择第一个 div 中的元素。有人可以建议一些代码吗?

I have an ASP.NET repeater, which contains 3 divs inside the ItemTemplate.

Each div, in turn has a number of html elements. I would like to reference an element in the first div (the 3 divs are placed vertically and parallel to each other from left to right).

I have a button in the 3rd div. When pressed, I want to be able to select an element which is contained within the first div.

This is the code I've got so far:

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

I'm not really sure how to select the element within the first div though. Could anyone kindly suggest some code please?

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

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

发布评论

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

评论(2

谁的年少不轻狂 2024-12-20 04:12:09

只需获取兄弟姐妹并找到具有类名的元素即可。

假设您的标记如下:

<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 示例

Just get the siblings and find the element with the class name.

Assuming your markup is like this:

<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 Example

何其悲哀 2024-12-20 04:12:09

为什么不给div分配一个id?或者使用第一个选择器 http://api.jquery.com/first-child-selector/< /a>

Why dont you assign an id to the div? Or use the first selector http://api.jquery.com/first-child-selector/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文