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

我在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>

"
"
"

如何在链接的onclick事件中找到与

class=“enableTextBox”

链接位于同一div中的

class=“comments”

元素

---

这是处理元素Id冲突的一种合理方法吗？有没有更好的方法？在企业应用程序中运行并确保数据一致性方面有多安全？

使用jQuery的

.sibbins（）

方法是一种方法：

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

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

编辑：添加了

返回false；

以防止链接刷新页面

下面是一个您可以测试的示例：

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