jQuery 在同一容器中查找类名的元素

发布于 2024-09-08 01:11:50 字数 755 浏览 2 评论 0原文

我在 MVC 中有一个 UserControl，它可能在页面上重复多次。

假设我有类似以下内容：

<div>
    <a href="#" class="enableTextBox">edit</a>"
    <input type="text" class="comments" readonly="readonly" />
</div>

<div>
    <a href="#" class="enableTextBox">edit</a>"
    <input type="text" class="comments" readonly="readonly" />
</div>

<div>
    <a href="#" class="enableTextBox">edit</a>"
    <input type="text" class="comments" readonly="readonly" />
</div>

如何找到与 class="enableTextBox"位于同一 div 的 class="comments" 元素/code> 链接，在链接的onclick事件中？

这是处理元素 ID 冲突的明智方法吗？有更好的办法吗？在企业应用程序中运行并确保数据一致性方面，它的安全性如何？

原文

I have a UserControl in MVC which may be repeated many times on the page.

Say I had something like the following:

<div>
    <a href="#" class="enableTextBox">edit</a>"
    <input type="text" class="comments" readonly="readonly" />
</div>

<div>
    <a href="#" class="enableTextBox">edit</a>"
    <input type="text" class="comments" readonly="readonly" />
</div>

<div>
    <a href="#" class="enableTextBox">edit</a>"
    <input type="text" class="comments" readonly="readonly" />
</div>

How can I find the class="comments" element which is in the same div as the class="enableTextBox" link, in the onclick event of the link?

Is this a sensible way of handling element Id conflicts? Is there a better way? How secure would it be in terms of running in an enterprise app and being certain of data consistency?

分享到QQ

分享到微博

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

发布评论

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

人间☆小暴躁 2024-09-15 01:11:50

使用 jQuery 的 .siblings() 方法是一种方法：

$('.enableTextBox').click(function() {
    var $comments = $(this).siblings('.comments');
    return false;  // Prevent page refresh
});

http://api.jquery .com/siblings/

jQuery 中有很多可用的遍历方法：

http:// api.jquery.com/category/traversing/

编辑：添加了return false;以防止链接刷新页面。

您可以测试以下示例： http://jsfiddle.net/MZEmP/

Using jQuery's .siblings() method is one way:

$('.enableTextBox').click(function() {
    var $comments = $(this).siblings('.comments');
    return false;  // Prevent page refresh
});

http://api.jquery.com/siblings/

There are lots of traversal methods available in jQuery:

http://api.jquery.com/category/traversing/

EDIT: Added return false; to prevent the link from refreshing the page.

Here's an example you can test: http://jsfiddle.net/MZEmP/

回复收藏 0 原文

心头的小情儿 2024-09-15 01:11:50

$(".enableTextBox").click(function() {
   $(".comments", $(this).parent())  //this will get you the comments associated with the anchor you click on
})

$(".enableTextBox").click(function() {
   $(".comments", $(this).parent())  //this will get you the comments associated with the anchor you click on
})

回复收藏 0 原文

~没有更多了~