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');

这是你要问的吗？

避免继续查找属于jquery多个表单唯一id的dom

1 个答案: