javascript - 如何干净地访问 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/