jquery - 避免不断寻找属于jquery的dom 多表单唯一id

Question

我的页面有多个放置在其中的表单，<li>我为它们分配了一个唯一 ID，然后在我的 jquery 中我感到疲倦并且在继续查找属于该 ID 的 dom 时使代码混乱。像下面

var id = $(this).parent().closest('li').attr('id');
var $formID = ('#' + id);

$form.find('foo').addClass('bar');
     .find('foox').hide('barx');
     .find('fooy').etc('bary');
     .find('fooz').etc('barz');
etc.....

知道我可以让代码看起来更好吗？

Answer 1

在 jQuery 中，您可以使用 find 从 jQuery 对象中搜索 dom 的子集。您还可以在完整选择器中使用空格来查找子项。因此，以下内容与您的代码相同：

$(formID + ' foo').addClass('bar');
$(formID + ' foox').hide('barx');
$(formID + ' fooy').etc('bary');
$(formID + ' fooz').etc('barz');

这是你要问的吗？