我在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()方法是一种方法:
原文链接:/jquery/531080.html$('.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/
这是您可以测试的示例:http://jsfiddle.net/MZEmP/