如何干净地访问jquery对象的直接后代？

Question

我的js中有以下行

var description = jqref.children('.category_info').children('.description').children('p').html();

这完全符合我的要求,虽然对我而言,感觉太笨重了,感觉就像我忽略了一个更好的选择方法.

我很确定我应该使用>直接子符号,但似乎无法以正常方式实现它,因为我已经在处理jquery对象.

Answer 1

将find与子选择器一起使用.我学到了新东西; 你可以在子选择器前面加上选择器,以确保你只有孩子:

var description = jqref.find('> .category_info > .description > p').html();

JSFiddle:http://jsfiddle.net/5SktL/