Jquery以fieldset的子项为目标

时间:2014-03-20 11:33:42

标签: jquery scope toggle

我正在尝试创建可折叠的字段集,您的想法是单击图例并显示子字段。

问题是范围似乎不起作用,所以

$('.field', $(this).parent() ).show();

如果我单击一个图例,我希望显示上下文($(this).parent())中包含(.field)包装的字段,但是所有.field都会生效

我做错了什么?

ANSWER

$('.field', $(this).closest('fieldset') ).show();

编辑有多个fieldset / legends

部分HTML http://pastie.org/8953182

2 个答案:

答案 0 :(得分:0)

根据我的理解,你想要点击项目的兄弟姐妹来展示?

$(this).parent().find('.field').show();

http://api.jquery.com/find/

答案 1 :(得分:0)

您可以这样使用:

//instead of this: $('.field', $(this).parent() ).show();// here $(this).parent() would be undefined.

您的代码以参考错误运行:http://jsfiddle.net/C3988/


$('.field').filter(function(){
   return $(this).parent();
).show();

或者只是这样:

$('.field').parent().show();

working fiddle