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

前端之家收集整理的这篇文章主要介绍了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的.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/

编辑:添加返回false;以防止链接刷新页面.

这是您可以测试的示例:http://jsfiddle.net/MZEmP/

猜你在找的jQuery相关文章